Jquery Zoom [Support thread]

You might have a jquery conflict, try loading them in a different order

its working my end, and hat even on IE6... see image attatched..

philip937:

its working my end, and hat even on IE6... see image attatched..

Hi Philip!

Your suggestion of jscript version is what I think solved it for me. I was loading 1.9, so I changed back to 1.6.

I found this site that is also using 1.6:

http://www.mind-projects.it/projects/jqzoom/index.php#howtouse

Really appreciate the help!

@chad
that class is used to attach the zoom to the element. it is a jQuery thing.
Having said that you seem to be getting close. When I look the zoom is working. Just in the wrong place.
looks to me like you need to change the settings in the jQuery initialisation which is in jscript_jqzoom_init.js and/or apply a css rule for position:relative to the .bonzer_zoom class.

@phil
great. what next?

Nick, haven't had chance to test the script links yet, as soon as I have I'll let you know the outcome.

I was going to suggest if you want to submit this as a mod, maybe look at having admin settings to enable/disable too?

One more question :p

Is this supposed to work with multiple images yet?

It may be jumping the gun, or not have my images setup for jqzoom.

When I click one of the additional images, I get two pop-up errors:
1st: Problems loading image
2nd: Problems loading big image

I have only 1 image for each product (they are not broken into LRG MED SM), could that be the issue?

-chadd

:smile: I was kind of hoping that you would submit it as a mod!

One of the big issues about mods is just finding the time to support them. I am a bit at my limit with SNAF and helping out on a few others. There are a couple in the pipeline that I would like to release but just don't have the time to support. It feels wrong to submit them if you can't support them.

Actually, I think that the way to go would be to have a configuration page that as well as turning on and off allows users to set some of the jqzoom init variables. Gosh, I have got to stop talking myself into this stuff.

Perhaps it is worth looking at the jqzoom options and deciding which ones we like the look of. What do you think? Chad?

At the moment it looks like this:

    var options = {  
            zoomType: 'innerzoom',  
            lens:true,  
            title:false,
            preloadImages: true,  
            alwaysOn:false,  
            zoomWidth: 300,  
            zoomHeight: 250,  
            xOffset:90,  
            yOffset:30,  
            position:'left'  
            //...MORE OPTIONS  
    };  

Oh, that is another thing to look at. It adds the main image to the display of the additional images. We need to disable that if there are no additional images. Otherwise it looks a bit rubbish.

@chad
sorry, are you using IH or not?

If you would have a completed zipped file available for download here, maybe someone else might try to support it? And since you guys have done the hard work you might help as well.

Just a suggestion.

chadderuski:

One more question :p

Is this supposed to work with multiple images yet?

It may be jumping the gun, or not have my images setup for jqzoom.

When I click one of the additional images, I get two pop-up errors:
1st: Problems loading image
2nd: Problems loading big image

I have only 1 image for each product (they are not broken into LRG MED SM), could that be the issue?

-chadd

hmm really thats weird, works find on mine and i was pretty confident that the image logic should have dealt with small medium and large what ever you have.

I will have to take another look. ill look on yours to see if there is anything obvious as to why

but yes should be working! :(

can you let me know what product has additional images? the one you sent me doesnt seem to have any?

niccol:

:smile: I was kind of hoping that you would submit it as a mod!

One of the big issues about mods is just finding the time to support them. I am a bit at my limit with SNAF and helping out on a few others. There are a couple in the pipeline that I would like to release but just don't have the time to support. It feels wrong to submit them if you can't support them.

Actually, I think that the way to go would be to have a configuration page that as well as turning on and off allows users to set some of the jqzoom init variables. Gosh, I have got to stop talking myself into this stuff.

Perhaps it is worth looking at the jqzoom options and deciding which ones we like the look of. What do you think? Chad?

Hi Niccol,

I quite understand about supporting mods. I have my hands full with EP4, but am getting some help.

When I tried the magiczoom, the number of options was nearly overwhelming (it doesn't work with IH4). But some basic settings through the admin would be nice if turned into a mod.

I don't have IH4 installed yet. When I was trying to figure things out, I rolled everything back to the "basics".

here's the product:

http://96 .30 .58 .67/index.php?main_page=product_info&cPath=6_110&products_id=458

(remove spaces)

chadderuski:

Hi Niccol,

I quite understand about supporting mods. I have my hands full with EP4, but am getting some help.

When I tried the magiczoom, the number of options was nearly overwhelming (it doesn't work with IH4). But some basic settings through the admin would be nice if turned into a mod.

I don't have IH4 installed yet. When I was trying to figure things out, I rolled everything back to the "basics".

here's the product:

http://96 .30 .58 .67/index.php?main_page=product_info&cPath=6_110&products_id=458

(remove spaces)

not sure how you have your additional images set up but this is what i see from your source code:

the thumbnail is getitng it from:
img src="images/barsupply/hbb250s_01.jpg

the jquery is looking in the correct location which should be:
smallimage: 'images/hbb250s_01.jpg
largeimage: 'images/hbb250s_01.jpg

not sure what the barsupply directory is??

well, I like team efforts :-)

and this has certainly been one of those. one of the times the 'community' works the way it should. Phil has done most of the heavy lifting so far, to be honest.

I am happy to write an admin panel for it. But won't get there before the weekend because of work commitments.

Also, at that time I want to have a look at :

1. how we deal with IH and if we need to preload images for that. (which could be an admin switch)
2. not showing additional images if it is just the main image.

SO there is a bit to do. I think that Phil has the most recent version better than me but if anyone wants to give it a run then the zip file that is posted above is not that far off I believe.

and following Phil's last post we need to check that we are dealing with sub-directories correctly.

'barsupply' is a sub-directory I am guessing.

niccol:

not showing additional images if it is just the main image.

not sure I know what you mean on this one Nick?

philip937:

not sure how you have your additional images set up but this is what i see from your source code:

the thumbnail is getting it from:
img src="images/barsupply/hbb250s_01.jpg

the jquery is looking in the correct location which should be:
smallimage: 'images/hbb250s_01.jpg
largeimage: 'images/hbb250s_01.jpg

not sure what the barsupply directory is??

Philip:

I don't put ALL images in the /images directory ad hoc. I try to organize them a bit mainly by their main category or by manufacturer. For me it make images easier to manage, update and track...

I don't think I'm the only person that does this. This site has about 3,000 images. But another will have close to 10,000 (they have lots of alternate views, and even mini-movies for many of their products).

I will re-visit the code for pulling the additional image location. to be honest I have only ever used the main image directory, medium and large so dont even know how that directory is being used... but clearly the thumnails image knows where to look for it so i'll take another look when I get a bit of time

chadderuski:

Philip:

I don't put ALL images in the /images directory ad hoc. I try to organize them a bit mainly by their main category or by manufacturer. For me it make images easier to manage, update and track...

I don't think I'm the only person that does this. This site has about 3,000 images. But another will have close to 10,000 (they have lots of alternate views, and even mini-movies for many of their products).

haha I have 7000+ in one directory.. but point taken, I just wasnt aware that you could do that..

I will take another look the way the image location is built

philip937:

not sure I know what you mean on this one Nick?

Honestly I am fitting comments in while a database uploads so ignore me if I am wrong but I seem to remember that if there are three images then there will be the main one and three thumbnails. If there is just one image I think there should be the main one and no thumbnails. I think at the moment it still shows the thumbnail of the one image which is a bit redundant.

Just needs a change to the logic. I have that somewhere but it is probably just as quick to rewrite as to find it :-)