【问题标题】:Blank image at start of js slideshow - Ruby on Railsjs幻灯片开始时的空白图像 - Ruby on Rails
【发布时间】:2013-03-05 10:18:00
【问题描述】:

我是新手,所以请原谅我可能缺乏知识。

我在一个项目中使用了 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>

谢谢,本

【问题讨论】:

    标签: javascript ruby-on-rails database image cycle


    【解决方案1】:

    使用这个:&lt;%= image_tag(product.image_url) %&gt;。这就是我以前的工作。

    【讨论】:

    • 您好,忘记我发了这个!最后设法对其进行排序:&lt;%= image_tag(@product.image_url) %&gt; 很有魅力,谢谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-09
    • 2013-06-18
    • 1970-01-01
    • 1970-01-01
    • 2017-12-31
    • 2011-08-23
    相关资源
    最近更新 更多