Configuration
At the previous step we’ve installed and assigned ZOO Magnify Zoom element to template layout. Now it’s time to examine parameters and play with its configuration. Here is a list of parameters:
ZOO Magnify Zoom element settings
- Show label - Show or Hidden Label
- Alternative label - You Must rename label
- Enable Jquery - Option to include Jquery 2.1.1 library
- Include CSS (Yes / No) - This param includes default CSS. Default is yes. If you would prefer to customize styles of the element within assigned Joomla! template, you may disable this param.
- Style (Box / Inline) - Styles of gallery layout. Box - thumbnails has margins. Inline - thumbnails without margins.
- Zoom Type - (Lens / Window / Inner) - Format of zoom appearace. Lens - zoom box inside of and within the image. Window - zoom appears in a box from the right side of the image. Inner - the image turns on box with magnified result.
- Scroll Zoom (No / Yes) - Enable or disable zoom on mousewheel
- Easing (No / Yes) - Enable or Disable Easing
- Contain Lens Zoom - Enable or disable Contain Lens Zoom. The Lens type shoule be enabled.
- Lens size - The size of the zoom box. The param is for Lens type only.
- Lens shape (Square / Round) - The shape of lens have two mode: square and round.
- Window position - Position for window. Window type should be enabled.
- Cursor (Default / Crosshair / Move / Pointer / Zoom-In) - Icon of the cursor. Only for ‘Lens’ or ‘Windlow’ type of zoom.
- Custom Window position - Here you may select ID for
- element. zoomdivid is default value.
- Thumbnail ordering (Ascending / Descending / Random) - Format of thumbnails ordering accoridng the names of files from assigned folder.
- Show Lens - Enable / Disable Lens box when hovering the image.
- Lens Border Size (px) - Border size of lens in px.
- Lens Border color - Lens Border color (hex: #333)
- Zoom Window Border Size (px) - border for zoom window in px
- Zoom Window Border Color - color for border zoom window (hex: #333)
- Zoom Window Width (px)
- Zoom Window Height (px)
- Tent (Yes / No) - Adding tent effect on image. When you move cursor on image, it became darker a a bit fuzzy except Lens area.
- Tint Color - Tint Color: (hex: #333)
- Tint Opacity - Opacity of tint from 0 to 1. Default value is 0.4
- Lens Color - Lens Color (Hex: #333)
- Lens Opacity - Opacity of Lens from 0 to 1. Default value is 0.4. Tint type should be is enabled
- Thumbnail width (px) - Width of Thumbnail in px.
- Thumbnail height (px) - Height of Thumbnail in px. Recommended value is 0.
- Thumbnail Count - Count of thumbails. It’s suitable param if you’d like to limit thumnails and display only specified value. (i.e. image folder have 100 files, but we use only 9-12 images). Default value is 0.
- Only one Image (No /Yes) - Ability to disable additional thumbnails and display the only image.
- Title for Thumbnails (No / Yes) - Title for thumbnails link attribute.
- Lens FadeIn (No / Yes) - Lens FadeIn effect
- Lens FadeOut (No / Yes) - Enable Lens FadeOut effect
- Zoom Window FadeIn (No / Yes) - Zoom Window FadeIn effect
- Zoom Window FadeOut (No / Yes) - Zoom Window FadeOut effect
- Zoom Tint FadeIn (No / Yes) - Zoom Tint FadeIn effect
- Zoom Tint FadeOut (No / Yes) - Zoom Tint FadeOut effect
- Image Cross Fade - Image Cross Fade Switching effect.
Last modified 19d ago