2

次のコードを使用して、より大きな写真を表示します。

<body>
<div id="Rand">
<a href="#" alt="img/groot/img1.jpg" id="unique name of picture" class="BiggerPic">
<img src="img/thumb/img1.jpg" />
</a>
<a href="#" alt="img/groot/img2.jpg" id="unique name of picture" class="BiggerPic">
<img src="img/thumb/img2.jpg" />
</a>
<a href="#" alt="img/groot/img2.jpg" id="unique name of picture" class="BiggerPic">
<img src="img/thumb/img2.jpg" />
</a>
</div>
<div id="ShowBiggerDivIMG" style="display: none;">
<img id=ShowBiggerIMG src="" />
</div>
</body>

$(document).ready(function(){
var imgScr = $('.BiggerPic').prev('a').attr('alt');
$('.ImageMagnifier').click(function(){
$('#ShowBiggerDivIMG').fadeIn(600);
$('#ShowBiggerIMG').attr('src', imgScr);
})
});

彼が返す唯一のものは、最後の写真の最後のリンクです。アクティビティのクリックされたサムネイルのalt（リンク）を取得して、img（#ShowBiggerIMG）のsrcに置き換えるにはどうすればよいですか？

4

1 に答える 1

0

クリックした画像の代替を取得したいので

$(document).ready(function(){
       var imgScr;
    $('.BiggerPic').click(function(){
       imgScr =$(this).attr('alt');           
     });

        $('.ImageMagnifier').click(function(){
           $('#ShowBiggerDivIMG').fadeIn(600);
           $('#ShowBiggerIMG').attr('src', imgScr);
        });
    });
于 2012-11-20T09:07:15.973 に答える