Image – PicStrips

[TS-VCSC-Icon-Title title=”Images with PicStrips Effects” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”UGljU3RyaXBzJTJDJTIwRWZmZWN0cw==” el_file1=”” el_file2=””]

If you want to apply a unique effect to your images, why not use the “Image with PicStrips” element. Define the number of strips you want the image to split up into, the spacing between the strips and the offset, and you’re ready to go. And even when processed into strips, the images stay responsive. Better still, the included lightbox solution allows your visitors to view the “real” image by just clicking on the “Image with PicStrips”. Or you can apply one of six other click events.

No Click Event

[TS-VCSC-Divider divider_border_thick=”2″][TS-VCSC-Image-Picstrips image=”16110″ tooltip_css=”false”]

Link to Page

[TS-VCSC-Divider divider_border_thick=”2″][TS-VCSC-Image-Picstrips image=”16116″ splits_number=”6″ splits_space=”10″ splits_offset=”15″ hover_event=”link” overlay_handle_color=”#0094ff” tooltip_css=”false” hover_link=”url:http%3A%2F%2Fwww.wikipedia.org||target:%20_blank”]

iFrame in Lighbox

[TS-VCSC-Divider divider_border_thick=”2″][TS-VCSC-Image-Picstrips image=”16105″ splits_number=”10″ splits_offset=”15″ hover_event=”iframe” overlay_handle_color=”#0094ff” tooltip_css=”false” hover_link=”url:http%3A%2F%2Fwww.wikipedia.org||”]

Image in Lightbox

[TS-VCSC-Divider divider_border_thick=”2″][TS-VCSC-Image-Picstrips image=”16128″ hover_event=”image” overlay_handle_color=”#0094ff” tooltip_css=”false”]

Available Click Events

[TS-VCSC-Divider divider_border_thick=”2″][TS_VCSC_Fancy_List list_type=”image” marker_image=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png”]

  • No Click Event
  • Show full image in lightbox
  • Link to another page
  • Open another page in lightbox via iFrame
  • Show YouTube video in lightbox
  • Show DailyMotion video in lightbox
  • Show Vimeo video in lightbox
  • Open modal popup in lightbox

[/TS_VCSC_Fancy_List]

Modal Popup

[TS-VCSC-Divider divider_border_thick=”2″][TS-VCSC-Image-Picstrips image=”16131″ splits_number=”6″ splits_space=”10″ splits_offset=”15″ hover_event=”popup” overlay_handle_color=”#0094ff” hover_title=”Modal Popup” hover_text=”WW91JTIwY2FuJTIwYXBwbHklMjBhJTIwYmFzaWMlMjBtb2RhbCUyMHBvcHVwJTIwdG8lMjB0aGUlMjBQaWNTdHJpcHMlMjBpbWFnZSUyQyUyMHRvJTIwYmUlMjB0cmlnZ2VyZWQlMjB1cG9uJTIwY2xpY2slMjBldmVudC4=” tooltip_css=”false”]

YouTube in Lightbox

[TS-VCSC-Divider divider_border_thick=”2″][TS-VCSC-Image-Picstrips image=”16126″ splits_number=”10″ splits_offset=”15″ hover_event=”youtube” overlay_handle_color=”#0094ff” hover_video_link=”https://www.youtube.com/watch?v=MojMWQSpa0M” tooltip_css=”false”]

DailyMotion in Lightbox

[TS-VCSC-Divider divider_border_thick=”2″][TS-VCSC-Image-Picstrips image=”16100″ hover_event=”dailymotion” overlay_handle_color=”#0094ff” hover_video_link=”http://www.dailymotion.com/video/x2f3mmp_siberian-tiger-bbc-nature-documentary_animals” tooltip_css=”false”]

Vimeo in Lightbox

[TS-VCSC-Divider divider_border_thick=”2″][TS-VCSC-Image-Picstrips image=”16119″ splits_number=”6″ splits_space=”10″ splits_offset=”15″ hover_event=”vimeo” overlay_handle_color=”#0094ff” hover_video_link=”https://vimeo.com/79914921″ tooltip_css=”false”]