tinyComp

tinyComp supports this item

Supported

This author's response time can be up to 1 business day.

100 comments found.

giath

giath Purchased

hiii,

ajax response is not working over this multiple image zooming.

how can i fix this

Hi,
Make a callback function for the complete case of your ajax call. In that function make the call $(’your selector to the new ul’).glassCase();
Regards,
tinyComp

giath

giath Purchased

hii,

i have tried that also but not working

html:

<select id=”ddlColors” class=”form-control” style=”width:150px;” onchange=’getData();’>
<option value=”0”>Green</option>
<option value=”1”>Red</option>
</select>

<div class=”gallery”>
<ul id=’u1’ class=’gc-start’>”
<li>
<img src=”/images/dress_green_1.jpg” alt=’image’ /></li>
<li>
<img src=”/images/dress_green_2.jpg” alt=’image’ /></li>
<li>
<img src=”/images/dress_green_3.jpg” alt=’image’ /></li>
<li>
<img src=”/images/dress_green_4.jpg” alt=’image’ /></li>
</ul>
</div>

js:

$(function () {
$(’#u1’).glassCase({ ‘widthDisplay’: 310, ‘heightDisplay’: 461, ‘isSlowZoom’: true, ‘thumbsPosition’: ‘left’, ‘colorIcons’: ’#F15129’, ‘colorActiveThumb’: ’#F15129’ });
});

function getData() {
var attributeId = $(“select[id$=’ddlColors’] option:selected”).val();
var data = JSON.stringify({ “colorAttributeTypeId”: attributeId });
$.ajax({
type: “POST”,
dataType: “json”,
contentType: “application/json”,
url: “examples.aspx/GetImages”,
data: data,
success: OnRequestCompleteImages,
error: OnError
});
};

function OnRequestCompleteImages(result) {
$(’.gallery’).html(result.d);
$(’.gallery ul’).glassCase({ ‘widthDisplay’: 310, ‘heightDisplay’: 461, ‘isSlowZoom’: true, ‘thumbsPosition’: ‘left’ });
}

function OnError(result) {
alert(“ERROR”);
}

Here is the exact html and js code from our site that is working. Implement it. From there change it as you need.

Hope it helps.

Regards,
tinyComp

Hi,

I’ve purchased your plug-in. I’m glad but I’ve a question. Is there any way to change active image which is displaying in big-box what I wanted when first opening.

I hope I could explain.

Hi,

thank you for buying our product :)

Use the following option: ‘firstThumbSelected’: it manages the ability to set the selected thumb on component load. Thumb counting starts with 0 (zero). If the set value is outside the range the value will be set to 0.

e.g.: If you want to set 3-rd image to be shown on first load add: ‘firstThumbSelected’: 2.

Hope it helps.

Regards,
tinyComp

Hi. Does your plug-in have the ability to utilize server-based image processing? Or does it require that all images preload at full resolution?

Hi,
thank you for your interest in our plugin.

Our plugin requires that all images are preloaded at full resolution.

Regards,
tinyComp

Ok, thank you. Does the plugin prioritize loading the first, main image? How does preloading all images at full resolution typically affect performance say on mobile devices?

The plugin doesn’t prioritize the loading of the main image. The performance depends on the speed of the internet on the mobile device. You could check the plugin on your mobile device to see how fast or slow it works.
Regards,
tinyComp

Hello, we bought your plugin 2 years ago, and cant use it in bootstrap theme (worpdress cms). Class .gc-start has property display:none after page loads. Even if i activate this div in debugger i cant see no images… Could you please tell me how can I fix that? Thank you very much in advance

Item Purchase Code: 3fde09c7-d9c7-4461-b0d7-6afd59886d30

Hi,
to see what went wrong, please give me a link to your dev environment .

Regards,
tinyComp

74dy10

74dy10 Purchased

Greating from Japan!

I’ve purchased your plugging and I’m facing an issue about the icons. I can’t see the icons on my website.

It’s a e-commerce website, it’s very important that I find a way to fix this, could please let me know ASP ?

My website (product expl): http://aureille-france.com/?pid=73567574

Thank you for you help, Looking forward for your answer. David

Hi David,

thank you for choosing our product :)!

When accessing the page with the glassCase component in the browser console appears the error: Font from origin ‘https://file001.shop-pro.jp' has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://aureille-france.com' is therefore not allowed access.

The site and fonts are on different domains therefore it generates this error => the fonts are not shown. Place the fonts on the same domain as the site and this error will disappear and the fonts will be shown.

Regards,
tinyComp

Hello,

We buy your script before 2 years ago. Can we get a new version?

http://screencast.com/t/3BjaxAx3XxqT

Hi,
you should be able to download the latest version.

Regards,
tinyComp

I have read your suggestion by disable zoom on mobile and etc., but I can’t get it work.

I have disable the zoom on mobile devices, but how to do that I can scroll on mobile devices? My finger is on the photo and I cant scroll down :/ This problem is just on mobile devices.

Would you like to help? Thanks

Can you remind your email? :)

Check mailbox :)

I want to customize the design of the thumbnails section but unable to do it in a particular format..can u help me..i am unable to send u the format as attaching image is not available here

Hello,

Thanks for choosing our plugin.
We are sorry, but we can’t help you, because the customization you are asking suppose some modification of the plugin. We can’t do it as a support matter.

By the other way you are free to modify and customize it as you need.

Best regards,
tinyComp

wookee1

wookee1 Purchased

Hi

I’ve purchased your plugin and installed on my page. Generally I thinks it’s very nice. But there is a problem with lightbox effect on android mobiledevices. Randomly tapping on picture gives no results. Lightbox sometimes runs on one picture but it doesn’t appear when tapping the second or appears after 5-6 seconds. Can you please tell me what could be reason of that?

http://bonusmg.nazwa.pl/jbonus/index.php/kurtki-meskie

Hello,

Thanks for choosing our plugin.
We have tried to reproduce the situation on android mobile devices and also on simulation and without results.
Please could you give us more details: the version of android device and the browser you used, the step by step of your actions?

Thank you,
Best regards.
tinyComp

LT0012

LT0012 Purchased

I have put the code into a page on my site, but the product image is no longer visible. Could you please take a look at this page and let me know why?

http://membershq.incentiveusa.com/AwardPages/PropelX/shop-detail-3.html

Hi,

At the moment in your console apppears the error: Uncaught TypeError: $(...).glassCase is not a function(…).
The fault is in the way how you’ve placed your scripts, also you have 2 declarations of jQuery. Place the script tag with jquery.glasscase.js at the end of the document with the rest of your scripts(!after jQuery). Also, you’re placing 2 jQuery scripts, it’s not needed. Leave only one declaration, use the latest version.

Make these changes and glassCase will work :).

Regards,
tinyComp

Hi, I purchased plugin. My question: How i can change/disable emoji icons (umbrella, sun !!) that appear in prev-next area (mobile view)

Hi, could you give a link to your site, to see what went wrong.
Regards,
tinyComp

HELIZE

HELIZE Purchased

Hi, we’ve purchased the plugin and we are unable to make it work as we dont have the html file provided neither .css Help please. J

Hi,

We don’t provide any html file.
This is a jQuery JavaScript plugin which has *.css and *.js files only. Please see in the documentation how you could integrate it in your project.
GlassCase Documentation

Thanks,
Best regards,
tinyComp

I have your plug-in load multiple instances on a single page. I want to hide all but 1 on page load. I’ve tried setting the secondary instance to display:none with CSS but then the plug-in doesn’t load them. If I hide then using jQuery with an on doucument ready it shifts the images when I make the div visible.

Suggestions?

You can see all 3 instances load here and the click on the color chips to see what the desired result is with showing only the first on page load http://hardcandy.com/DEMO/product-class

A not on the above comment. On your documentation site you show an example of loading the plug in with different images on drop down state… you provide no documentation. If I had some documentation I might be able to load the images into the same plugin.

Hi,
in your case you could use the dynamic load of images as shown on our examples page(the last one).
http://tinycomp.net/products/glasscase/examples.aspx
A simple algorithm:
1. Create an outer container, lets say with the id=’gallery’;
2. In this container place the ul with the images;
3. If is done a change of images, place the new list in the container with id =’gallery’;
4. Call on the new list .glassCase() .

For snippets of code you can view the page source of the example page.

This example is not described in the documentation because it is not related to the plugin it self or what the plugin can do. It is just an example of how you can use the plugin, because the method of how you load dynamically the images does depend on the platform is developed the site.

Hope it helps!

Regards,
tinyComp

loudon

loudon Purchased

Fantastic product. Easy and fast to implement. Thanks, this has saved me considerable dev time.

Hi, thank you for taking time and giving us a good review also we really do appreciate your kind words it motivates us!

Best regards, tinyComp

Hello I have just purchased your zoom plugin but when I go to install it to wordpress it says setup failed. Is there anything I can do?

Thank you in return…

Hi, we are sorry but this is a standalone jQuery plugin, and it isn’t directly compatible with WP, unless you build it into the theme manually.

Regards, tinyComp

hse1

hse1 Purchased

hello,

i’ve setup the complete demo project as per the instructions given under documentation/index.html file. But the problem is i can’t see the exact result that you shown on your codecanyon live preview.

I mean i can’t see the image zooming effect. Also, i can’t see the thumbnail image slider on left side of current product image with previous and next arrow.

So, please reply me how to get the same result like the live preview? (http://preview.codecanyon.net/item/glasscase-jquery-product-image-zoom-plugin/full_screen_preview/7843419?_ga=1.243889797.1239538408.1470630851)

Thank you.

Hi,
could you give us a link to your dev environment to see what went wrong.
Regards,
tinyComp

1. The zoom itself appears, but it doesn’t have what to zoom, meaning the image(320px x 320px) is smaller than the display container(400px x 533px). On our site you can see that we use big images, in this way the zoom will show the details. The solution is to use bigger images than the image container.

2. The thumbnail image slider appears only in case that the number of images per row is bigger than ‘nrThumbsPerRow’ option. The default value is 5, so you have to have at least 6 images for the thumbnail image slider to appear.

Hope it helps.
Regards,
tinyComp

Hi, your web site isn’t working anymore, I have bought your pluging with a theme and there is juste the .min.js so i can’t look inside to know what options i can use.

Do you have and other documentation somewhere else ?

Thanks you

Hi,

Sorry for the inconvenience. The site is available now. You could check all the documentation there with all the options and examples.

Best regards, tinyComp

I’m having a problem getting the plugin to work on my site .

Hi,

Please could you describe more detailed the problems you have? Did you followed the documentation step by step install ? Could you give the link to your site?

Thanks, Best regards, tinyComp

Zoom can be done with a mouse? X1 – x10

Hi,
zoom can’t be done with a mouse.

Regards,
tinyComp

Impossible to activate plugin ?

How to ?

Thanks

Hello,

Could you please give us more details?
Or a link to your test site?

Thank you,
Best regards,
tinyComp

by
by
by
by
by
by