gpt4 book ai didi

javascript - 如何将灯箱添加到网页链接

转载 作者:太空宇宙 更新时间:2023-11-04 04:18:20 24 4
gpt4 key购买 nike

谁能帮我显示如下链接的灯箱弹出窗口,

1) test1 2) test2 3) test3

当任何人点击下面的链接时,它应该显示在 jquery 灯箱中,而不是在目标空白中打开或在同一浏览器上重定向。

最佳答案

如果你使用 fancybox 插件,这将有效..

<a id="manual1" data-image="/example-full.jpg,/example-full-2.jpg'><img src="/example-thumb.png" alt="example" /></a>

<script type="text/javascript">
$('#manual1').click(function() {
var data = $(this).data('images').split(','),
options = {
padding : 38,
nextEffect : 'fade',
prevEffect : 'fade',
type: 'image'
};
$.fancybox.open(data , options );
})
</script>

fiddle 是:http://jsfiddle.net/voigtan/jJpAM/2/

关于javascript - 如何将灯箱添加到网页链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19582272/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com