coolcopy
12-20-2010, 03:38 PM
Posted this query in the main Javascript section, then stumbled upon this sub-forum. Maybe I'll get some answers here...
I plan to set up a photo gallery using ShadowBox (http://shadowbox-js.com), but I also want to add a zoom feature within the gallery for individual elements. Preferably using the CloudZoom (http://www.professorcloud.com/mainsite/cloud-zoom.htm) plugin.
How it should (hopefully) work: Click on any thumbnail --> A resized large image opens up inside ShadowBox --> CloudZoom is activated on this image on mouseover.
What I've obviously :) got so far is this:
Shadowbox.init({
skipSetup: true
});
window.onload = function() {
Shadowbox.setup("a.mygallery-elements", {
gallery: "mygallery"
});
};
Is there a way to call CloudZoom after the gallery is invoked. Have already scoured this forum. No luck. Can anyone out there advise me on this?
I plan to set up a photo gallery using ShadowBox (http://shadowbox-js.com), but I also want to add a zoom feature within the gallery for individual elements. Preferably using the CloudZoom (http://www.professorcloud.com/mainsite/cloud-zoom.htm) plugin.
How it should (hopefully) work: Click on any thumbnail --> A resized large image opens up inside ShadowBox --> CloudZoom is activated on this image on mouseover.
What I've obviously :) got so far is this:
Shadowbox.init({
skipSetup: true
});
window.onload = function() {
Shadowbox.setup("a.mygallery-elements", {
gallery: "mygallery"
});
};
Is there a way to call CloudZoom after the gallery is invoked. Have already scoured this forum. No luck. Can anyone out there advise me on this?