Fancybox 链接显示不同的符号而不是图片

Question

我是 Rails 的新手，我正在尝试制作简单的图片库，也许有人可以提供一些建议。我使用 gem fancybox-rails。当我按下图像时，我有不同的符号而不是像这样的图像：

�PNG  IHDR��~J�sRGB���gAMA���a pHYs���+��IDATx^���-YY&�?��j�pr���з�������yp�����Qg0M�oEE����FI����{Ϲ'��s����O��}� t�3�����u�vժ�V��}ްj�*+VcPua�n?�`Y6R��_)DA+�2�i���K�"v�3��KY n|DQ�����p���΢�iaue �O����9��>h�� <�M۴M'��*�J�����3��C6��Q�|��%�{��~��;w��1�/cf���n#o���9�F@��H��>ff'p��b��9Z@z�Ē��[�a��y��<�����6m�6=�c˸�Q$� ����m��F����[J�����{�x����۴M��H��7��t����M_W :͘tcN���h�h���+��1���Y����`��߁���NHi)6 �3��v���`

我已经像 tutorial 那样安装了 fancybox。

我的视图文件是：

<div class="container" style="float: none">
    <div class="row" style="float: none">
        <% @pictures.each do |picture| %>
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <%= link_to image_tag(picture.image.url),
                            picture.image.url,
                    class: "fancybox", rel: "gallery1" %>
            </div>
        <% end %>
    </div>
</div>

我的 application.js 文件有下一个代码：

$(document).ready(function() {
  $("a.fancybox").fancybox();

});

谢谢

Answer 1

请尝试将 class 名称改为 grouped_elements 之类的名称，而不是 fancybox。请关注此 link 以获得更多帮助。

Fancybox 链接显示不同的符号而不是图片

Fancybox links show different symbols instead a picture

ruby-on-rails

fancybox