2010-11-26 7 views
1

私は高低を検索しましたが、私の望む結果を達成するのにはほんの少ししか見つかりませんでした。私はたくさんの画像を取り込み、滑らかな自動スクロール水平画像スクロールを作成しようとしていますこのhttp://www.enova-tech.net/eng/lab/jmycarousel/1に問題がありますが、このプラグインは誤解されていなければjQuery 1.3.2でビルドされていますので、自分で作成したいのですが、jQuery 1.4.2を使って問題にします。自動スクロール円jquery画像スクロールの作成

あなたが知っている他のプラグインは、同じ種類の自動スクロール効果を達成できますか?もしそうでなければ、このようなscrollerを作成するにはどうすればいいですか?

私の心を揺さぶっているのは、スクロールホイールを連続的にオートスクロールする方法です。

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> 

ありがとう!

+0

&oq =&gs_rfai =&pbx = 1&fp = 68cd5877826b624c)私は最新のjqueryに馴染んで、素敵なものをたくさん得ています... – oezi

答えて

0

libary私は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> 

EDIT:あなたは、まずinnefadelibaryをjQueryのlibaryが含まれていることが必要です。私がgoogleに "jquery carousel plugin"(http://www.google.de/#sclient=psy&hl=de&q=jquery+carousel+plugin&aq=2&aqi=g4g-o1&aql=)と言ったら、ポストのリンクを見てください。

関連する問題