GlassCase – jQuery Image Zoom Plugin

  • Description
  • FAQ
  • Screenshots
  • DEMO
  • Updates & Support

GlassCase is a responsive jQuery plugin that lets you
upload Symbol Zoom function with
HTML5 Video && IFrame features on your product view and offers on your consumers an incredible viewing enjoy.

GlassCase is easily designed, constructed from scratch and will provide you with some distinctive options.

You’ll be able to simply combine it to your challenge and ship sooner on your consumers.

Key Options:

Glasscase - Jquery Image Zoom Plugin - 1

Word

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

Take a minute to

see it
on your own Glasscase - Jquery Image Zoom Plugin - 2

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

Then please ship us a snappy message by means of our
profile touch shape.

What patrons are announcing:

“I extremely suggest this product to others who is also inquisitive about buying GlassCase! tinyComp has been fast to reply
to fortify request and listened to ideas on tactics to support GlassCase.

5 Stars neatly deserved!”

-ubhape2

“Hello I infrequently writes feedback, however this merits one. Thank you for this one. It is a nice plugin, it does what it will have to,
and it took no more than a part an hour to arrange.”

-amja

“Hello, Pretty plugin and in reality simple to put in force.”

-loudon

”… I simply needed to say how good that is. It’s running so completely and it solves such a lot of symbol problems I used to be having.
I merely love this. It’s now totally built-in into my website online. To somebody interested by getting this, it’s moderately merely
good!!!!!!”

-pauld123

“Im very happy to fing classcase for my challenge. It’s very usefull.”

-soluma

You’ll be able to to find extra critiques from actual patrons on

feedback
web page.

Trade Log:

3.0.1 – 08 April 2018

Repair:

  • Fastened factor associated with tournament handler declaration, Firefox particular;

3.0 – 24 November 2017

New:

  • The entire part used to be re-written from scratch. It used to be modified how the part works internally, all of the choices have
    been saved, except for

    isDownloadEnabled
    that used to be deprecated. No adjustments had been executed to the choice names.
  • To the part used to be added the potential of unveiling HTML5 Video and IFrame content material. Have been added the next choices:

    • iframeWidth
      – The IFrame width;

    • iframeHeight
      – The IFrame top;

    • txtImgThumbIframe
      – The textual content this is utilized by the picture thumb holder, for the IFrame thumb symbol;

    • videoWidth
      – The HTML5 video width;

    • videoHeight
      – The HTML5 video top;

    • txtImgThumbVideo
      – The textual content this is utilized by the picture thumb holder, for the video thumb symbol;

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


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

    • data-gc-width
      – Defines the width of the container. Overrides the price outlined within the plugin’s choices. This information characteristic
      impacts the next form of components: IFrame, video;

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

    • data-gc-formats
      – This characteristic is used best by way of the video part kind. It’s used for specifying a couple of supply information(a couple of
      codecs) as a fallback in case the consumer’s browser doesn’t fortify one in every of them. The kind of this characteristic
      is an array of strings;

    • data-gc-poster
      – This characteristic is used best by way of the video part kind. Supplies a picture to turn earlier than the video a lot;
  • To the part used to be added the potential of autoplay. Have been added the next choices:

    • isAutoPlayDisplay
      – Permit or disables the car play of the pictures;

    • pauseTimeDisplay
      – Time between the exchange of pictures enabled by way of isAutoPlayDisplay. Price is in milliseconds;

    • isPauseOnHoverDisplay
      – If set to true, on soaring the show symbol the car play show will pause;
  • To the thumb slider used to be added the choice

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

2.1 – 11 February 2015

New:

  • The posibility so as to add captions. Captions can also be added within the Zoom House;

  • isZCapEnabled
    – allows / disables the Zoom Captions;

  • capZType
    – the kind of Zoom Caption:

    in
    – positioned within the Zoom House;

    out
    – Captions are positioned outdoor the Zoom House;

  • capZPos
    – the location of the Caption on the subject of the Zoom House;

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

  • mouseEnterDisplayCB
    – callback for the mouseEnter tournament of the show symbol;

  • mouseLeaveDisplayCB
    – callback for the mouseLeave tournament of the show symbol;
  • When processing the pictures, those that experience the similar href will probably be got rid of.

Repair:

  • The picture’s

    ALT
    is stored and handed;

2.0 – 30 October 2014

New:

  • The part used to be made contact pleasant;
  • Have been added the choices to set the thumbs on left or proper facet of the Show Symbol;
  • The icons had been modified to every other set;
  • Was once modified the loading wheel(it makes use of CSS3)
  • New choice:

    isHoverShowThumbs
    – on soaring a thumb it’ll exchange the Show Symbol;
  • Was once added a brand new Zoom place: Internal – The Zoom will probably be proven within the Show;
  • New choice:

    autoInnerZoom
    If the Show and Zoom don’t have compatibility at the web page, Zoom will probably be proven in inside place;
  • Was once treated the case when a picture isn’t loaded: on this case it’ll seem a holder.

1.4 – 16 September 2014

New:

  • The zoom’s width and top can also be custom designed. It may be aligned to the picture container or the picture space;

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

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

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

    • zoomAlignment
      – Imaginable 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 problem associated with: clicking on a decided on thumb, it disables the number of every other symbol;

1.3 – 5 September 2014

New:


  • isOverlayFullImage
    – If true the picture in overlay will probably be proven in complete measurement and best. If false the picture will have compatibility the show. On double
    clicking, the picture measurement will probably be toggled. If the picture is in have compatibility => after double click on it’ll be proven in complete measurement.
    If the picture is in complete measurement => after double click on it’ll have compatibility the show;
  • In overlay, clicking outdoor the picture will shut it;

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

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

  • isSlowLens
    – Permits 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 price 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 will probably be more than the entire selection of thumbs then to firstThumbSelected will probably be assigned it’s default
    price.

1.2 – 31 July 2014

New:

  • The GlassCase part used to be made responsive;

Repair:

  • Corrected the peak of the part when it has no thumbs and best the show is used.

1.1.1 – 12 July 2014

Repair:

  • Worm associated with the case when the selection of pictures is yet one more than the selection of thumbs according to row.

1.1 – 09 July 2014

New:


  • isZoomEnabled
    – Permits or disables the zoom;

  • isOverlayEnabled
    – Permits or disables the overlay.

Repair:

  • Modified the script so it will correctly paintings in IE8;
or
Shopping Cart
  • Your cart is empty.
Scroll to Top