Image – Magnify

[TS-VCSC-Icon-Title title=”Loupe Glass Layout” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”TG91cGUlMkMlMjBHbGFzcw==”][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”]

  • Loupe glass as circle or square
  • Move loupe via mouse hover, drag or touch events
  • Responsive layout
  • Provide lightbox button to view full image
  • Define initial zoom level and loupe position
  • Apply light reflection, shadow and/or border to loupe
  • Option to increase zoom via mouewheel, range slider or pinch
  • Option to apply CSS3 filter to preview image (grayscale, sepia, whitewash or blur)

[/TS_VCSC_Fancy_List]

[TS-VCSC-Icon-Title title=”Zoom Buttons Layout” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”Wm9vbSUyQyUyMEJ1dHRvbnM=”][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”]

  • Responsive layout
  • Provide lightbox button to view full image
  • Define initial zoom level and loupe position
  • Option to increase zoom via zoom in / out buttons
  • Option to provide info about current zoom level
  • Option to provide reset button to restore initial zoom level
  • Option to provide rotate button for image
  • Option to define background image, color or pattern for zoom container (useful for tall images)

[/TS_VCSC_Fancy_List]

[TS_VCSC_Image_Magnify image=”16111″ zoom_effect=”sepia” zoom_level=”300″ zoom_x=”41″ zoom_y=”46″ zoom_reflect=”true”]
[TS_VCSC_Image_Magnify layout=”buttons” image=”18655″ background_type=”pattern” background_pattern=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/pattern/01.jpg” zoom_rotate=”true”]