私はかなり新しいので、私が持っているかもしれない知識の欠如を許してください。
プロジェクトで cycle2 プラグインを使用しており、インデックス ページで 1 つのスライドショーを正常に動作させました。ネットから画像をプルするため、まったく問題はありません。
ただし、ショーページでスライドショーを実行して、製品ごとにデータベースから製品画像を取得したいと考えています。そのようにしましたが、そうすると、スライドショーの最初の画像は常に空になり、データベースからの画像に変わるまで継続的にロードしようとします。
画像を取得していて、空白のスライドも取得しているだけなので、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>
ありがとう、ベン