1

高低を検索しましたが、目的の結果を達成するためにほとんど何も見つかりませんでした。たくさんの画像を取得し、このhttp：//www.enova-techのようなスムーズな自動スクロール水平画像スクローラーを作成しようとしています。 .net / eng / lab / jmycarousel / 1、私が抱えている問題は、私が間違っていなければ、このプラグインがjQuery 1.3.2で構築されていることです。そこで、自分で作成したいと思いますが、 jQuery1.4.2を使用します。 、では、質問に移りましょう。

同じ種類の自動スクロール効果を実現できることがわかっている他のプラグインはありますか？そうでない場合は、このようなスクローラーを作成するにはどうすればよいですか？

私の頭を悩ませているのは、スクローラーを継続的に自動スクロールさせる方法だけです。何かアイデアはありますか？

HTMLマークアップは次のようになります。

HTML：

<div id="container">
  <div><img src="/image1.jpg" /></div>
  <div><img src="/image2.jpg" /></div>
  <div><img src="/image3.jpg" /></div>
  <div><img src="/image4.jpg" /></div>
  <div><img src="/image5.jpg" /></div>
  <div><img src="/image6.jpg" /></div>
  <div><img src="/image7.jpg" /></div>
  <div><img src="/image8.jpg" /></div>
</div>

よろしくお願いします！

4

1 に答える 1

0

私が満足しているライブラリは、jQueryのinnerfadeです。
javascript：

$('#image_rotate').innerfade({   
    speed: 'slow',   
    timeout:3000 ,   
    type: 'sequence',   
    containerheight: '248px'  
});

そしてHTML：

<ul class="innerfade" id="image_rotate" style="list-style: none   outside none;">
  <li><img src="/getattachment/1c0b7e7c-5a17-48f3-ba21-f3ff59a70423/.jpg" /></li>
  <li><img src="/getattachment/8d5556dd-6331-48aa-b419-d64f1de9745e/.jpg" /></li>
  <li><img src="/getattachment/65a0474f-9afa-414f-85f1-7cda5ccfffee/.jpg" /></li>
  <li><img src="/getattachment/65f553eb-a07a-4c30-93ab-f9bbf6784139/.jpg" /></li>
  <li><img src="/getattachment/84ec5f3d-c5a3-40e1-a680-7d27de35ec95/.jpg" /></li>
  <li><img src="/getattachment/4a393530-5bdb-4417-be20-0e55981db159/.jpg" /></li>      
</ul>

編集：最初にjQueryライブラリを含め、次にinnefadelibaryを含める必要があります。投稿のリンクを見てください

于 2010-11-26T09:59:52.540 に答える