Jquery $('#image').addimagezoom, For Pics Dispersed From Database

I have a variable that displays pictures that reference a row in a database. When I use the the Javascript for magnifyzoom: '$('#image1').addimagezoom({ // single image zoom

Solution 1:

look like you need to use largeimage attribute in script.

$('.img').addimagezoom({
zoomrange: [6, 18],
magnifiersize: [600,600],
magnifierpos: 'right',
cursorshade: true,
cursorshadecolor: 'pink',
cursorshadeopacity: 0.3,
cursorshadeborder: '1px solid red',
    /*8888888 SEE HERE 8888888*/largeimage: $(this).attr('src') //<-- No comma after last option!
})

Fiddle below:

http://jsfiddle.net/s6TMs/10/