gpt4 book ai didi

javascript - Fancybox - 无法在 Fancybox 窗口中打开图像

转载 作者:行者123 更新时间:2023-11-28 18:13:30 24 4
gpt4 key购买 nike

我坚持为我的照片设置 Fancybox 窗口,我是这样做的:

$(document).ready(function() {  
$('.fancybox').fancybox();
});

这是Fancybox的初始化。然后设置链接和图片:

= link_to i.file_url, :class => 'fancybox', :rel => 'gallery', :title => i.title do
= image_tag i.file_url, :style => 'width: 150px;'

生成此 HTML 代码:

<a href="URL TO FILE" class="fancybox" rel="gallery" title="Item Name">
<img alt="something" src="URL TO FILE" style="width: 150px;">
</a>

但是当我点击链接时,图像加载到新窗口而不是 Fancybox 窗口中。Fancybox JS+CSS 库已正确添加 - 我还缺少什么?

谢谢

最佳答案

您遇到的问题是 fancyBox 未识别您的 URL 模式。

你应该在你的选项中明确指定它:

    $('.fancybox').fancybox({type:'image'});

关于javascript - Fancybox - 无法在 Fancybox 窗口中打开图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18288391/

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