javascript - 如何在 HTML 文件中分配图像

Question

我正在使用以下方式在灯箱中打开图像，但它会打开选​​择的图像我希望当我单击任何图像时它应该打开另一个图像如何做到这一点

<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>

Answer 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");

Answer 2

更改确定图像src的行

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

所以它使用你想要的图像的 src 。