View Full Version : Window Widget and Image Power Zoomer

06-09-2010, 06:44 PM
1) Script Title: Image Power Zoomer

2) Script URL (on DD):
3) Describe problem:
I want to combine both the DHTML Window Widget and the Image Power Zoomer so that when I display the DHTML Window ( I am loading a DIV located on the same page) with the Image loaded into it, I can also have the zoom magnifier also work on the image in the window. Using the notes from the Image Power Zoomer URL I have added this code into the JQUERY call at the top of my page:

{ //fire on DOM ready

$('#ctl00_mainForm_prodImage1').addpowerzoom({ defaultpower: 2, powerrange: [1, 5], magnifiersize: [300, 300] })
$('#AltImage img').addpowerzoom({ defaultpower: 2, powerrange: [1, 5], magnifiersize: [300, 300] })


The second call is the name of the div where the images I want to display are located. I am also using the image style properties to both turn the display from none to block and visibility from hidden to visible.

I attached a screen shot as an example of what I am trying to do. The image in the window labled as "Alternate Images" is where I want the zoom to work, the image underneath the window widget is handling the zoom function without a problem.