![]() Opacity of the area around the lens when tint is not falseĬursor over lens horizontal offset, 0.5 is middleĬursor over lens vertical offset, 0.5 is middleĭisplay loading information, CSS. Integer bigger than 1 indicates smoother movements set 0 to disable 4.0.10+ speed for fly back or false to disable 4.0.10+ speed for flyout or false to disable ![]() Speed of shutter fadein or false applies only if image proportions are different from container If zoomWidth or zoomHeight are set to 'auto', the margin to the edge of the screen Uses full screen height (does not align to the map / disables adjustY) if position is right or left || uses full screen width (does not align to the map / disables adjustX) if position is top or bottom Overrides position option and instantly chooses the direction, disables autoFlip playes nicely when zoomWidth and zoomHeight are set to 'auto' Position of the flyout zoom window, possible values: 'inside', 'top', 'right', 'bottom', 'left'Īpplies when width (left, right) or height (top, bottom) of zoom window are less than this px value (zoomWidth || zoomHeight are set to auto) if zoomWidth || zoomHeight are fixed, applies when zoom window is out of page borderįlip right to left and bottom to top if less than int px value or false to disable JS object containing specific options to flyout zoom, see below: Quality of the zoom image shown in the flyout window Try to open AJAX-ZOOM at browsers fullscreen mode, possible on modern browsers except IE and mobile Max height of the image that will be shown in the zoom windowĪt time only fullscreen, will be extended. Max width of the image that will be shown in the zoom window Height of the mouse image or 'auto' (depending on parent container size) Width of the mouse image or 'auto' (depending on parent container size) Preload all preview and mouse over images, possible values: false, true, 'oneByOne' "img" - your master image is needed anyway to open AJAX-ZOOM on click "zoom" - big mouseover image, "preview" - preview image and "thumb" - image for the gallery. htaccess or other http access restrictions.Īlternatively you can link to your static images with these keys: Your master image can be as big as you want, it never loads into cache Object containing absolte paths to the master images, optional with titles. ![]() JCarousel parametrs if used, for more info see Use jCarousel on gallery thumbnails or not '/zoomTest/axZm/'ĭIV (container) id of the gallery, set to false to disable gallery "img" - your master image is needed anyway to open AJAX-ZOOM on clickġ: "zoom" - big mouseover image, "preview" - preview image and "thumb" - image for the gallery. Alternatively you can link to your static images with these keys: htaccess or other http access restrictions. You can also protect the directory with. Your master image can be as big as you want, it never loads into cache Objecct containing absolte paths to the master images, optional with titles. GalleryDivID: "jcarouselGallery", // DIV id of the gallery zoomTest/axZm/ĭivID: "mouseOverZoomContainer", // DIV for mouseover zoom Open example32_clean.php to see the html without anything else around.ĪxZmPath: "auto", // Path to AJAX-ZOOM, e.g. Pointing to some static (already scaled) images. with htaccess + htpasswd.Īlternatively to AJAX-ZOOM PHP based image server the paths to these flyout "preview" images can be hardset, Utilizes image tiles technology, so the entire master image never loads into browsers cache andĬan be even protected from direct access over http e.g. pixels master image these are around 5-7% of the actual size.īy clicking on the lens the user can explore the entire image with AJAX-ZOOM, which The size of the flyout image can be set to e.g. In addition only the high resolution master images (source images) are needed to be defined.Īll thumbnails and flyout view images are instantly generated by AJAX-ZOOM "image server". No space on the screen and others (see options below). It works on touch devices like iOS and Android (open this page on your iPad), instantly defaults to "inner zoom" if there is Like fitting the flyout zoom window to inner browsers size (default setting that can be changed to fixed size ofcourse). Which is opened at fullscreen when you click on the preview image or lens (try it).ĭespite the similarity to equally looking scripts this mouseover AJAX-ZOOM extension offers some very interesting features / options In fact it is, however it is only a preview of the real high resolution AJAX-ZOOM view, This jQuery mousehover extension is somewhat different!Īt first glance it looks like a regular mouseover zoom / hover zoom alike many others free and paid scripts.
0 Comments
Leave a Reply. |