Question

嗯，你试图在精美的盒子上打开图像，目前图像在另一个标签中打开。我的代码就是这个

<%= link_to file.title, file_path(file) %>

当我把它放在另一个标签中打开时

所以创建了锚标记并执行了以下操作

<a href = "file.title, file_path(file)" class="file_preview"> <%= file.title %></a>

并写了一个js脚本

$(document).ready(function() {
$('.file_preview').fancybox({
    'width' : false,
    'height' : false,
    'autoDimensions' : true,
    'autoScale' : true,
    'transitionIn' : 'none',
    'transitionOut' : 'none',
    'type' : 'iframe',
    'scroll' : 'no',
    'centerOnScroll' : true
});
});

这不起作用，但是当我提供像/ testadd这样的地址时，它会在iframe中打开我不知道如何进一步继续

Answer 1

尝试这样的事情

<a id="single_image" href="file.title, file_path(file)">
    <img src="file.title, file_path(file)" alt=""/>
</a>

还要确保您正在调用文档准备

$("a#single_image").fancybox();

当然，您已按此顺序包含fancybox js和jquery之前的其他内容。（如果你先调用fancybox，那么jquery就不能工作了）

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

的iFrame：

<a href="http://www.example?iframe">This goes to iframe</a>

或

<a class="iframe" href="http://www.example">This goes to iframe</a>

如何在Rails上的Fancy Box中打开图像

1 个答案: