LIVE PREVIEWBUY FOR $20

GlassCase is a responsive jQuery plugin that lets you
add Picture Zoom function with
HTML5 Video && IFrame capabilities to your product view and offers to your clients a tremendous viewing expertise.

GlassCase is nicely designed, constructed from scratch and offers you some distinctive options.

You may simply combine it in your venture and ship quicker to your clients.

Key Options:

GlassCase - jQuery Image Zoom Plugin - 1

Observe

  • This isn’t a WordPress Plugin. GlassCase is a jQuery primarily based plugin.

Take a minute to

see it
by your self GlassCase - jQuery Image Zoom Plugin - 2

Have a
pre-purchase query to make sure that it’s appropriate for you?

Then please ship us a fast message through our
profile contact type.

What consumers are saying:

“I extremely advocate this product to others who could also be taken with buying GlassCase! tinyComp has been fast to reply
to help request and listened to ideas on methods to enhance GlassCase.

5 Stars nicely deserved!”

-ubhape2

“Hello I not often writes feedback, however this deserves one. Thanks for this one. It is a nice plugin, it does what it ought to,
and it took no more than a half an hour to arrange.”

-amja

“Hello, Beautiful plugin and very easy to implement.”

-loudon

”… I simply needed to say how good that is. It’s working so completely and it solves so many picture points I used to be having.
I merely love this. It’s now absolutely built-in into my web site. To anybody fascinated about getting this, it’s fairly merely
good!!!!!!”

-pauld123

“Im very glad to fing classcase for my venture. It’s very usefull.”

-soluma

Yow will discover extra opinions from actual consumers on

comments
web page.

Change Log:

3.0.1 – 08 April 2018

Repair:

  • Mounted subject associated to occasion handler declaration, Firefox particular;

3.0 – 24 November 2017

New:

  • The entire element was re-written from scratch. It was modified how the element works internally, all of the choices have
    been saved, besides

    isDownloadEnabled
    that was deprecated. No adjustments had been achieved to the choice names.
  • To the element was added the aptitude of displaying HTML5 Video and IFrame content material. Had been added the next choices:

    • iframeWidth
      – The IFrame width;

    • iframeHeight
      – The IFrame top;

    • txtImgThumbIframe
      – The textual content that’s utilized by the picture thumb holder, for the IFrame thumb picture;

    • videoWidth
      – The HTML5 video width;

    • videoHeight
      – The HTML5 video top;

    • txtImgThumbVideo
      – The textual content that’s utilized by the picture thumb holder, for the video thumb picture;

    Additionally, had been added information attributes(associated to HTML5 Video && IFrame):


    • data-gc-type
      – The kind of the factor. Potential values: IFrame, video;

    • data-gc-width
      – Defines the width of the container. Overrides the worth outlined within the plugin’s choices. This information attribute
      impacts the next sort of parts: IFrame, video;

    • data-gc-height
      – Defines the peak of the container. Overrides the worth outlined within the plugin’s choices;

    • data-gc-formats
      – This attribute is used solely by the video factor sort. It’s used for specifying a number of supply recordsdata(a number of
      codecs) as a fallback in case the consumer’s browser doesn’t help one among them. The kind of this attribute
      is an array of strings;

    • data-gc-poster
      – This attribute is used solely by the video factor sort. Offers a picture to indicate earlier than the video hundreds;
  • To the element was added the aptitude of autoplay. Had been added the next choices:

    • isAutoPlayDisplay
      – Allow or disables the auto play of the photographs;

    • pauseTimeDisplay
      – Time between the change of pictures enabled by isAutoPlayDisplay. Worth is in milliseconds;

    • isPauseOnHoverDisplay
      – If set to true, on hovering the show picture the auto play show will pause;
  • To the thumb slider was added the choice

    slideType
    – The sliding impact associated to the thumbs space. Potential values: ‘slideRow’, ‘slideElement’.

2.1 – 11 February 2015

New:

  • The posibility so as to add captions. Captions could be added within the Zoom Space;

  • isZCapEnabled
    – permits / disables the Zoom Captions;

  • capZType
    – the kind of Zoom Caption:

    in
    – positioned contained in the Zoom Space;

    out
    – Captions are positioned outdoors the Zoom Space;

  • capZPos
    – the place of the Caption in relation to the Zoom Space;

  • capZAlign
    – the alignment of the textual content positioned in Caption for Zoom;

  • mouseEnterDisplayCB
    – callback for the mouseEnter occasion of the show picture;

  • mouseLeaveDisplayCB
    – callback for the mouseLeave occasion of the show picture;
  • When processing the photographs, those which have the identical href might be eliminated.

Repair:

  • The picture’s

    ALT
    is saved and handed;

2.0 – 30 October 2014

New:

  • The element was made contact pleasant;
  • Had been added the choices to set the thumbs on left or proper facet of the Show Picture;
  • The icons had been modified to a different set;
  • Was modified the loading wheel(it makes use of CSS3)
  • New choice:

    isHoverShowThumbs
    – on hovering a thumb it should change the Show Picture;
  • Was added a brand new Zoom place: Interior – The Zoom might be proven contained in the Show;
  • New choice:

    autoInnerZoom
    If the Show and Zoom don’t match on the web page, Zoom might be proven in interior place;
  • Was dealt with the case when a picture just isn’t loaded: on this case it should seem a holder.

1.4 – 16 September 2014

New:

  • The zoom’s width and top could be custom-made. It may be aligned to the picture container or the picture space;

    • isZoomDiffWH
      – Determines if the zoom’s width and top have totally different values;

    • zoomWidth
      – The width of the zoom. The worth is in px;

    • zoomHeight
      – The peak of the zoom. The worth is in px;

    • zoomAlignment
      – Potential values: ‘displayImage’, ‘displayArea’.

  • zoomMargin
    – The space between the zoom and show space;

  • thumbsMargin
    – The space between the thumbs and show space;

Repair:

  • The opacity of the picture within the overlay, in ie8;
  • The difficulty associated to: clicking on a particular thumb, it disables the number of one other picture;

1.3 – 5 September 2014

New:


  • isOverlayFullImage
    – If true the picture in overlay might be proven in full dimension and solely. If false the picture will match the show. On double
    clicking, the picture dimension might be toggled. If the picture is in match => after double click on will probably be proven in full dimension.
    If the picture is in full dimension => after double click on it should match the show;
  • In overlay, clicking outdoors the picture will shut it;

  • isSlowZoom
    – Allows the impact of “slowing” the motion of zoom;

  • speedSlowZoom
    – Determines how lengthy the animation will run. The velocity is given in milliseconds;

  • isSlowLens
    – Allows the impact of “slowing” the motion of lens;

  • speedSlowLens
    – Determines how lengthy the animation will run. The velocity is given in milliseconds;

  • velocity
    – Determines how lengthy the animation will run. The velocity is given in milliseconds. This worth is used within the animation
    of lens; zoom; overlay; slide;
  • Added to the selector ”.gc-zoom-container img”: “max-width: none !necessary;”.

1.2.1 – 24 August 2014

Repair:

  • If firstThumbSelected might be better than the entire variety of thumbs then to firstThumbSelected might be assigned it’s default
    worth.

1.2 – 31 July 2014

New:

  • The GlassCase element was made responsive;

Repair:

  • Corrected the peak of the element when it has no thumbs and solely the show is used.

1.1.1 – 12 July 2014

Repair:

  • Bug associated to the case when the variety of pictures is another than the variety of thumbs per row.

1.1 – 09 July 2014

New:


  • isZoomEnabled
    – Allows or disables the zoom;

  • isOverlayEnabled
    – Allows or disables the overlay.

Repair:

  • Modified the script so it may correctly work in IE8;


Source