GlassCase - JQuery Image Zoom Plugin

GlassCase – jQuery Image Zoom Plugin

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

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

You can simply combine it in your mission and ship quicker to your clients.

Key Features:

Note

This will not be a WordPress Plugin. GlassCase is a jQuery based mostly plugin.

Take a minute to

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

Have a
pre-buy query to make certain that it’s appropriate for you?

Then please ship us a fast message by way of our
profile contact type.

What patrons are saying:

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

Five Stars effectively deserved!”

-ubhape2

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

-amja

“Hi, Lovely plugin and very easy to implement.”

-loudon

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

-pauld123

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

-soluma

You can discover extra opinions from actual patrons on

comments
web page.

Change Log:

3.0.1 – 08 April 2018

Fix:

Fixed challenge associated to occasion handler declaration, Firefox particular;

3.0 – 24 November 2017

New:

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

isDownloadEnabled
that was deprecated. No modifications have been completed to the choice names.
To the part was added the aptitude of exhibiting HTML5 Video and IFrame content material. Were added the next choices:
- iframeWidth
  – The IFrame width;
- iframeHeight
  – The IFrame peak;
- 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 peak;
- txtImgThumbVideo
  – The textual content that’s utilized by the picture thumb holder, for the video thumb picture;
Also, have been added knowledge attributes(associated to HTML5 Video && IFrame):
- knowledge-gc-sort
  – The sort of the factor. Possible values: IFrame, video;
- knowledge-gc-width
  – Defines the width of the container. Overrides the worth outlined within the plugin’s choices. This knowledge attribute
  impacts the next sort of components: IFrame, video;
- knowledge-gc-peak
  – Defines the peak of the container. Overrides the worth outlined within the plugin’s choices;
- knowledge-gc-codecs
  – This attribute is used solely by the video factor sort. It is used for specifying a number of supply recordsdata(a number of
  codecs) as a fallback in case the person’s browser doesn’t assist considered one of them. The sort of this attribute
  is an array of strings;
- knowledge-gc-poster
  – This attribute is used solely by the video factor sort. Provides a picture to indicate earlier than the video hundreds;
To the part was added the aptitude of autoplay. Were added the next choices:
- isAutoPlayDisplay
  – Enable or disables the auto play of the pictures;
- pauseTimeDisplay
  – Time between the change of photos enabled by isAutoPlayDisplay. Value 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. Possible values: ‘slideRow’, ‘slideElement’.

2.1 – 11 February 2015

New:

The posibility so as to add captions. Captions will be added within the Zoom Area;
isZCapEnabled
– permits / disables the Zoom Captions;
capZType
– the kind of Zoom Caption:

in
– positioned contained in the Zoom Area;

out
– Captions are positioned outdoors the Zoom Area;
capZPos
– the place of the Caption in relation to the Zoom Area;
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 pictures, those which have the identical href might be eliminated.

Fix:

The picture’s

ALT
is saved and handed;

2.0 – 30 October 2014

New:

The part was made contact pleasant;
Were added the choices to set the thumbs on left or proper facet of the Display Image;
The icons have been modified to a different set;
Was modified the loading wheel(it makes use of CSS3)
New possibility:

isHoverShowThumbs
– on hovering a thumb it’s going to change the Display Image;
Was added a brand new Zoom place: Inner – The Zoom might be proven contained in the Display;
New possibility:

autoInnerZoom
If the Display and Zoom don’t match on the web page, Zoom might be proven in inside place;
Was dealt with the case when a picture will not be loaded: on this case it’s going to seem a holder.

1.4 – 16 September 2014

New:

The zoom’s width and peak will be custom-made. It will be aligned to the picture container or the picture space;
- isZoomDiffWH
  – Determines if the zoom’s width and peak 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
  – Possible values: ‘showImage’, ‘showArea’.
zoomMargin
– The distance between the zoom and show space;
thumbsMargin
– The distance between the thumbs and show space;

Fix:

The opacity of the picture within the overlay, in ie8;
The challenge associated to: clicking on a specific thumb, it disables the collection of one other picture;

1.3 – 5 September 2014

New:

isOverlayFullImage
– If true the picture in overlay might be proven in full measurement and solely. If false the picture will match the show. On double
clicking, the picture measurement might be toggled. If the picture is in match => after double click on it is going to be proven in full measurement.
If the picture is in full measurement => after double click on it’s going to match the show;
In overlay, clicking outdoors the picture will shut it;
isSlowZoom
– Enables the impact of “slowing” the motion of zoom;
speedSlowZoom
– Determines how lengthy the animation will run. The pace is given in milliseconds;
isSlowLens
– Enables the impact of “slowing” the motion of lens;
speedSlowLens
– Determines how lengthy the animation will run. The pace is given in milliseconds;
pace
– Determines how lengthy the animation will run. The pace 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;”.