JQuery $（’＃image’）。addimagezoom，用于从数据库中分散的图片

我有一个变量，显示引用数据库中一行的图片。

当我使用Javascript for magnifyzoom时：

"$('#image1').addimagezoom({ // single image zoom zoomrange: [3, 10], magnifiersize: [300,300], magnifierpos: 'left', cursorshade: true, largeimage: '' " }) 

它只会放大第一张图像。 然后当我用一个句点更改哈希标记，将ID切换到CLASS时，它将放大所有图像，但它会分散一种类型的图像。 如果您需要更多信息来帮助解决这个谜题，请告诉我。

Answer 1

看起来你需要在脚本中使用largeimage属性。

 $('.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! }) 

小提琴如下：

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