在js幻灯片开始的空白图象 - 在路轨的Ruby

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>

谢谢，Ben

Answer 1

使用此：<%= image_tag(product.image_url) %>。这就是我以前的工作方式。