Change Log

Current v2.1

New

  • To the component was added the posibility of adding captions. Captions can be added in the Zoom Area.
    • isZCapEnabled - enables / disables the Zoom Captions;
    • capZType - the type of Zoom Caption: in - placed inside the Zoom Area; out - Captions are placed outside the Zoom Area;
    • capZPos - the position of the Caption in relation to the Zoom Area;
    • capZAlign - the alignment of the text placed in Caption for Zoom;
  • mouseEnterDisplayCB - callback for the mouseEnter event of the display image;
  • mouseLeaveDisplayCB - callback for the mouseLeave event of the display image;
  • When processing the images, the ones that have the same href will be removed.

Fix

  • The image's alt is saved and passed;

New

  • The component was made touch friendly;
  • Were added the options to set the thumbs on left or right side of the Display Image;
  • The icons were changed to another set;
  • Was changed the loading wheel (it uses CSS3);
  • isHoverShowThumbs - on hovering a thumb it will change the Display Image;
  • Was added a new Zoom position: Inner - The Zoom will be shown inside the Display;
  • autoInnerZoom - If the Display and Zoom do not fit on the page, Zoom will be shown in inner position;
  • Was handled the case when an image is not loaded: in this case it will appear a holder.

New

  • isZoomDiffWH - Determines if the zoom's width and height have different values;
  • zoomWidth - The width of the zoom. The value is in px;
  • zoomHeight - The height of the zoom. The value is in px;
  • zoomAlignment - Possible values: 'displayImage', 'displayArea';
  • zoomMargin - The distance between the zoom and display area;
  • thumbsMargin - The distance between the thumbs and display area;

Fix

  • The opacity of the image in the overlay, in ie8;
  • The issue related to: clicking on a selected thumb, it disables the selection of another image;

New

  • isOverlayFullImage - If true the image in overlay will be shown in full size and only. If false the image will fit the display. On double clicking, the image size will be toggled. If the image is in fit => after double click it will be shown in full size. If the image is in full size => after double click it will fit the display;
  • In overlay, clicking outside the image will close it;
  • isSlowZoom - Enables the effect of "slowing" the movement of zoom;
  • speedSlowZoom - Determines how long the animation will run. The speed is given in milliseconds;
  • isSlowLens - Enables the effect of "slowing" the movement of lens;
  • speedSlowLens - Determines how long the animation will run. The speed is given in milliseconds;
  • speed - Determines how long the animation will run. The speed is given in milliseconds. This value is used in the animation of lens; zoom; overlay; slide;
  • Added to the selector ".gc-zoom-container img": "max-width: none !important;".

Fix

  • If firstThumbSelected will be greater than the total number of thumbs then to firstThumbSelected will be assigned it's default value.

New

  • The GlassCase component was made responsive.

Fix

  • Corrected the height of the component when it has no thumbs and only the display is used.

Fix

  • Bug related to the case when the number of images is one more than the number of thumbs per row.

New

  • isZoomEnabled - Enables or disables the zoom;
  • isOverlayEnabled - Enables or disables the overlay.

Fix

  • Fixed the script so it could properly work in IE8;
  • The Release