我正在使用以下方式在灯箱中打开图像,但它会打开选定的图像我希望当我单击任何图像时它应该打开另一个图像如何执行此操作
<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>
最佳答案
在图像元素中添加一个属性来引用新图像:
<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");
关于javascript - 如何在 HTML 文件中分配图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10279529/