Jquery Zoom [Support thread]

[philip937]

Shouldl IH mod be installed for this test?

well its needs testing with and with out it. the readme explains how to enable image handler if installed. I need to know if it works.

[philip937]

i just did some testing. i dont think its working so wait out and i'll submit the next files after testing them myself save you wondering if its something your doing wrong. speak soon

[philip937]

ok guys I think I have some bad news. I am pretty sure the image swap part of this mod will never be able to be compatible with Image Handler. the reason is that my understanding is that the IH images are created and cached during the zen image function somewhere, and because the image swap is all handles with the jquery script, all it simply does is creates its own image tag etc. therefore for this reason I will have to make the latest version of the mod a standalone version. Im sorry I cant be of more help than this. Perhaps the guys that created/maintian IH might like to look at the Jquery code and see if they can get it to implement the IHandling bit?

I will post a cleaned up standalone version of this in a couple of weeks.

[niccol]

If you are using the default image to zoom to in IH then it really is not that difficult. (http://goo.gl/GHV7L) IH will create the medium image as the page loads. The default image ( the zoom-to-image) exists because it is the one that you uploaded. This requires the user to be disciplined on the proportions and size of the images that they upload. (Or to put in place a system that scales the image on upload which is a better solution because it stops huge images being stored on the server and never used)

If however, you allow Image handler to create a 'large image' and you want to use that as the zoom-to-image ( which kind of makes sense because it means that the zoom ratio is constant) then you have an issue because the image may, or may not, exist on page load. And the javascript cannot create it. So, as I think I may have mentioned before the solution here is to pre-load the image somewhere else on the page and hide it but use it's source in the zoom tag.

[philip937]

That was my only thought, having the product info page load both medium and large of all image and hide all apart from the medium main image. That would be a solution but its getting messy. What's everyone else think?

[Kevin205]

I am sure I am missing something here, but I really do not understand why IH is needed. Other than it's use for watermarking and etc.

When I am setting up products with max 4 images.

I am re-sampling and saving the high resolution images to 72dpi and at 1200px X 1200px, which to me is a nice size file for zoom purposes. Each files size is about 199kb saved as JPEG Medium Quality.

- On the product listing display page the images get scaled down to 290px X 290px as per my admin parameters.
- On the Product info page all 4 images get loaded very fast, all together about 800kb (images - Not cached in the browser, when viewed first time).

Just upload one size image. I do not know what kind of problem you might have, when placing 3,000 to 4,000 (12,000 to 16,000 images) products online. Not that this site will have that many products!

Am I missing something here?

[philip937]

I am sure I am missing something here, but I really do not understand why IH is needed. Other than it's use for watermarking and etc.

When I am setting up products with max 4 images.

I am re-sampling and saving the high resolution images to 72dpi and at 1200px X 1200px, which to me is a nice size file for zoom purposes. Each files size is about 199kb saved as JPEG Medium Quality.

- On the product listing display page the images get scaled down to 290px X 290px as per my admin parameters.
- On the Product info page all 4 images get loaded very fast, all together about 800kb (images - Not cached in the browser, when viewed first time).

Just upload one size image. I do not know what kind of problem you might have, when placing 3,000 to 4,000 (12,000 to 16,000 images) products online. Not that this site will have that many products!

Am I missing something here?

You don't need image handler. We are just trying to develop this so that it is compatible with or without IH. The file set I posted prior to the last works perfectly without image handler. It also works if you have one image or the default image medium and large images

[Kevin205]

Thanks for the confirmation.

Phil have you dealt with sites running a lot of products using zen?

[philip937]

Thanks for the confirmation.

Phil have you dealt with sites running a lot of products using zen?

Depends what your definition of lots of products is. My site runs approx 3000 products with about 8000 total variations and image wise about 7,500

[niccol]

Here is an example of how IH works

Client with 2000 products.

They have 40 products per page on the product listing.

Without IH that means that they need to download 40 times 200kb ( roughly) So that is 8000kb of image.

It is a busy site so that page may get requested several times a minute. The bandwidth usage soon builds up. And the page is slow for every user. And google hates the page because large images are being downloaded and then scaled in the browser.

So what IH does is scale each image on the server. So, each image now becomes about 20kb . There are still 40 of them on the page. SO there is still 800kb of images to download for the page. 800kb is far too much but it is a lot better than 8mb. Each page loads faster for each user. You use less bandwidth. And google likes your pages more.

It is a bit of a no-brainer ....