java - JQuery $('#image').addimagezoom，用于从数据库中分散的图片

Question

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

当我使用 Javascript 进行放大时：

 "$('#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/