-1

画像をズームするこのクールなスクリプトを見つけました (これをブログで使用したいと考えています)。しかし、スクリプトにある画像だけでなく、もっと多くの画像を使用したいと考えています。したがって、実際には、このスクリプトの値を mouseUp で置き換えたいと考えています。そのため、pic1、pic2、pic3 などのボタンは、本体の「largeimage」と を置き換える必要があります。

誰かが私を助けてくれることを願っています。

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このようにしてください... 大きな画像で aと a の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 に答える