PDA

View Full Version : Installing Image Power Zoomer v1.1



DiscoverSB
09-01-2011, 09:57 PM
1) Script Title: Image Power Zoomer v1.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm

3) Describe problem: I can't get this to work at all. I'm trying to use the magnify/zoom feature on the campground map about half way down the page: http://www.discover-santa-barbara.com/jalama-beach-camping.html

I've uploaded the ddpowerzoomer.js file to http://www.discover-santa-barbara.com/support-files/ddpowerzoomer.js, named the small map with an id='jalamamap', and defined a larger image as http://www.discover-santa-barbara.com/image-files/jalama-beach-camping-map.jpg.

I did nothing to customize ddpowerzoomer.js; just uploaded it as is. Can you see what I'm missing?

Many Thanks!

azoomer
09-01-2011, 10:19 PM
I think you are missing some quotes around the "large image" in this part of the code:


jQuery(document).ready(function($){ //fire on DOM ready

$('#jalamamap').addpowerzoom({
defaultpower: 2,
powerrange: [2,8],
largeimage: "http://www.discover-santa-barbara.com/image-files/jalama-beach-camping-map.jpg",
magnifiersize: [200,100] //<--no comma following last option!
})


})
Not sure if there are other problems.

DiscoverSB
09-01-2011, 11:02 PM
Dear azoomer,

My page is working perfectly now! Thank you so much for your help! Sometimes you need more than 2 eyes.

All my best,
D