1) ddpowerzoomer.js
2) Script URL (on DD):
3)
I know I must be missing a step but I can't seem to find it. I saw a post from earlier that described as a similar problem. I am using asp.net 2013 and have a gridview with an image button and a large image field which I have populated in designer. When the image button is clicked - the small image from the button is shown on the large image field. My intention is to be able to magnify the large image (not the buttons) .
When I change this line to the line below it no longer does the magnification at all.
I am using an external script with a reference for the ddpowerzoomer.js.Code:$magnifier.inner.html('<img src="' + options.largeimagesrc + '"/>') //When I use this which is from the original download it magnifies but you see the original image even after the image changes from a button click $magnifier.inner.html('<img src="' + options.largeimagesrc + '"' + (id ? 'id=' + id + 'MAG ' : '') + ' />') // When I use this one it does not magnify at all
Here is some of my code...
This is the link that I got my information from.Code:<script type="text/javascript" > jQuery(document).ready(function ($) { //fire on DOM ready $('img.showcase').addpowerzoom({magnifiersize:[250,250], defaultpower:3, powerrange:[2,10]}) // My image has a css of showcase $('img.imgOriginal').addpowerzoom() $('img.imgSelect').addpowerzoom() }) function LoadImage(url) { //var img = new Image(); var LargeImage = document.getElementById("imgSelected");// imgSelected is my Image id. LargeImage.src = url; LargeImage.style.display = "block"; return false; // I added this because otherwise it would disappear right away. } <img id ="imgSelect" src ="" style="display: none; onmouseup= "ddpowerzoomer.Swap('img.imgSelect',this.src,imgSelected);"/>
http://www.dynamicdrive.com/forums/a...p/t-68002.html



Reply With Quote

Bookmarks