Thank you for purchasing Tikslus Zoom. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much! |
Download and Unzip:
|
Installation: Installing Tikslus Zoom is very easy and straight-forward. Simply add the following link and scripts tags with your proper paths and paste the following code within the Head tags of your HTML document.
|
How to use plugin ? Using Tiksluszoom is easy.TikslusZoom works with two images one low resolution for the visible image, and one high resolution for the zoomed image. Inside a DIV element place the low resolution image with data-big-image attribute which specifies the high resolution image. add class="tiksluszoom" to low resolution image HTML markup
|
Activate using Jquery selector Using Jquery selectory inside $(document).ready() or $(window).load() to activate Zoom.
|
Parameter | Default value | Allowed Value | Description |
---|---|---|---|
lensWidth | 100 | Any number not greater than image Width | Defines the width of lens |
lensHeight | 100 | Any number not greater than image Height | Defines the Height of lens |
lensBackgroundColor | #fff | Valid color code (HEX value) | Defines the background color of lens |
lensOpacity | 0.5 | between 0.1 to 1 | Defines the opacity of lens |
lensBorderColor | #000 | Valid color code (HEX value) | Border color of lens |
showLens | true | True or False | If false lens will not be visible only mouse cursor will be shown |
loaderImage | loader.gif | Any valid gif image (a preloader) | shows the image during loading of high resolution image. You must provide full path of the image |
zoomAnimation | false | True or False | If TRUE Zoom image will be shown using some easing |
annotationsBorderColor | #000 | Valid color code (HEX value) | annotation/hotspot border color |
annotationBackgroundColor | #fff | Valid color code (HEX value) | annotation/hotspot background color |
annotationOpacity | 0.3 | between 0.1 to 1 | Opacity of annotation/hotspot |
zoomPreviewWindowEffect | default | default or fade | Zoom preview pane visibility effect. Default will just show the pane. Fade will fadein the pame |
annotations | Blank array | Valid javascript Array | an array containing the annotations which describes a hotspot. |
Example:
here, each element of the array is an object containg annotation x position, annotation y position on the Low resolution image with text describing hotspot |