<分区>
我想要一种对多个对象使用相同脚本的方法,因为我必须将其复制 50 次。
该脚本的作用是,当您单击一个按钮时,它应该为每个产品及其图库打开一个带有框架的弹出式图像。
我目前正在使用这个:
<script>
$(document).ready(function(){
$("#popup").click(function(){
$("#overlay").fadeIn(500);
$("#overlay_div").fadeIn(500);
});
$("#close_botton").click(function(){
$("#overlay_div").fadeOut(500);
$("#overlay").fadeOut(500);
});
});
</script>
<script>
$(document).ready(function(){
$("#popup1").click(function(){
$("#overlay1" ).fadeIn(500);
$("#overlay_div1").fadeIn(500);
});
$("#close_botton1").click(function(){
$("#overlay_div1").fadeOut(500);
$("#overlay1").fadeOut(500);
});
});
</script>
<script>
$(document).ready(function(){
$("#popup2").click(function(){
$("#overlay2").fadeIn(500);
$("#overlay_div2").fadeIn(500);
});
$("#close_botton2").click(function(){
$("#overlay_div2").fadeOut(500);
$("#overlay2").fadeOut(500);
});
});
</script>
<div id="overlay"></div>
<div id="overlay_div">
<div id="close_botton">X</div>
<iframe src="galleria.html"; scrolling="auto" width="800px" height="700px">b</iframe>
</div>