-1

我发现了这个很酷的脚本，它可以放大图像（我想在我的博客上使用它）但我想使用更多的图片，而不仅仅是脚本上的图片。所以我实际上想在 mouseUp 上替换这个脚本中的值。因此 pic1、pic2、pic3 等的按钮必须替换“大图像”和正文中的。

希望可以有人帮帮我。

jQuery(document).ready(function($){

    $('#image2').addimagezoom({
        zoomrange: [2, 2],
        magnifiersize: [460,430],
        magnifierpos: 'right',
        cursorshade: false,
        cursorshadecolor: 'pink',
        cursorshadeopacity: 0.3 ,
        cursorshadeborder: '1px solid white',
        largeimage: 'http://www.rat-bikes.com/ratbikes/vanmoof-rotterdam.jpg' //<-- No comma after last option!
    })

})
4

1 回答 1

1

这样做......让所有图像都带有一个class和一个alt带有大图像的值。

<img src="thumb1.png" class="zoom" alt="full1.png" />
<img src="thumb2.png" class="zoom" alt="full2.png" />

现在在脚本中，附加所有 的事件处理程序，并在 的值.zoom的帮助下提供大图像的 URL 。attralt

jQuery(document).ready(function($){
    $('.zoom').addimagezoom({
        zoomrange: [2, 2],
        magnifiersize: [460,430],
        magnifierpos: 'right',
        cursorshade: false,
        cursorshadecolor: 'pink',
        cursorshadeopacity: 0.3 ,
        cursorshadeborder: '1px solid white',
        largeimage: $(this).attr("alt")
    });
});
于 2012-09-30T15:15:47.703 回答