0

私はライトボックスで画像を開くために次の方法を使用していますが、選択されている画像を開きます。任意の画像をクリックすると、別の画像を開く必要があります。これを行う方法

<script type="text/javascript" >
    $(document).ready(function(){
        $(".linkbutton").click(function(){
            var address= $(this).attr("src");
            $("#popup").fadeIn("slow");
            $("#lightbox").attr("src",address);
        });
        $("#close").click(function(){
            $("#popup").fadeOut("fast");
        });
    });
</script>

本文に続く

<div>
    <img src="image/smallicon_2.png" class="linkbutton">
</div> 

<div id="popup">
    <div id="center">
        <img id="lightbox" src="image/popup_page_1.png" >
        <img id="close" src="images/close.png" alt="close" >
    </div>  <!-- #center --> 
</div>
4

2 に答える 2

1

image 要素に属性を追加して、新しい画像を参照します。

<img src="image/smallicon_2.png" class="linkbutton" data-light="image/bigimage_2.png" />

次に置き換えます：

var address= $(this).attr("src");

と：

var address= $(this).attr("data-light");
于 2012-04-23T11:24:05.023 に答える
0

画像のsrcを決定する行を変更

var address= $(this).attr("src");

したがって、必要な画像の src を使用します。

于 2012-04-23T11:22:14.427 に答える