javascript - js幻灯片开始时的空白图像 - Ruby on Rails

Question

我还很新，所以请原谅我可能缺乏任何知识。

我在一个项目中使用了 cycle2 插件，并且我在我的索引页面上制作了一张幻灯片，效果很好，它完全没有问题，因为它从网上提取图像。

但是我想在展示页面上做一个幻灯片，以便为每个产品从数据库中提取产品图像。我已经做到了，但是这样做时，幻灯片的第一张图片总是空的，并且不断尝试加载，直到它从数据库中更改为图片。

我很确定它在 img src 中的某些东西我在获取图像时做错了，只是得到一张空白幻灯片，任何帮助将不胜感激！

到目前为止的代码是；

        <div id="slideshow">

                        <div class="cycle-slideshow" 
                            data-cycle-fx=scrollHorz
                            data-cycle-timeout=4000
                            style="z-index:-1;"
                            data-cycle-prev="#prev"
                            data-cycle-next="#next"
                            >
                            <!-- empty element for pager links -->
                            <div class="cycle-pager"></div>
                                <!-- empty element for overlay -->
                            <img src =  <%= link_to image_tag @product.image_url %>>
                        <!-- prev/next links -->
                        <div id=outside>
                        <span id=prev><a href="#" class="button1">?</a></span>
                        <span id=next><a href="#" class="button1">? </a></span>

                </div>
        </div>

谢谢，本

Answer 1

使用这个：<%= image_tag(product.image_url) %>。这就是我用来做我的工作的东西。