PDA

View Full Version : Magnified image is coming up with original image or not at all...



AutumnJoyee
10-06-2015, 11:22 PM
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.

$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
I am using an external script with a reference for the ddpowerzoomer.js.

Here is some of my 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);"/>

This is the link that I got my information from.
http://www.dynamicdrive.com/forums/archive/index.php/t-68002.html

Beverleyh
10-07-2015, 05:12 AM
The demo page works fine. If you'd like us to help troubleshoot your setup then we need to see it. Please provide a link to your page (a reduced test page showing just the pertinent markup, CSS and JS)