-3

HTML

<figure class="video-thumb" 
  data-thumb-0="image2.jpg" 
  data-thumb-1="image3.jpg"
  data-thumb-2="image4.jpg"
  data-thumb-3="image5.jpg"
> 
  <img src="image1.jpg"> 
</figure>

これらの各 data-thumb-* 属性を jQuery で取得したいと考えています。

次に、setInterval を使用してこれらを反復処理し、image1.jpg の src を交換します。

ユーザーがホバリングして data-thumb-0/1/2/3/4/etc を数秒間表示することになります。

これらに番号を付けた理由 (data-thumb-0/1/2/3/4/5) は、クライアントがアップロードしたサムの数に基づいて CMS がこれらの番号をプッシュするためです。

これが十分な情報であることを願っています。

4

1 に答える 1