jQueryでイメージを含む水平ティッカーを連続的にスクロールしますか？

Question

私はこのような何かをしたいと思います：私は、参照http://javascript.about.com/library/blcmarquee1.htm

スクリプトは、しかし（？古い）ビットラグのようですので、誰もがよりよい解決策を知っていた場合、私は思っていました。 （jQueryのソリューションは歓迎）

Answer 1

Giva Labs' Marqueeがちょうどこの発見 - jQueryの駆動、およびイメージを持っています。私は現在のプロジェクトに使用しようとしています。

http://logicbox.net/jquery/simplyscroll/

UPDATE：私は今、生産コードでこれを使用しています。プラグインは、70 + 150×65ピクセルの画像をかなりスムーズにループすることができます。これに似たプラグインのいくつかは失敗していました。

注：IE6/7ではz-indexの問題が発生していましたが、表示されませんでした。 - これは私のCSSの一部に起因している可能性もあります。 http://www.google.com/search?q=ie+z+index+issues

LATEST UPDATE：これらのようなプラグインを実装する際に考慮すべき 加算物事：

• 数、それはIEにまったく表示されないとのトラブルを抱えて誰にも標準IE z-index修正をチェックしてくださいスクロールするアイテムの種類とコンテンツの種類。スクロールする画像が15枚以上あるとすぐに不具合が発生する可能性のある番号が見つかりました。
• 古いバージョンのjqueryに結びついたこれらのプラグインの数が見つかりました
• 私が試したプラグインの数が同じ大きさであれば、すべての画像が同じであればこのチュートリアルではこれを明確にしていませんでした。私は、プラグインを実行すると、x幅のliタグの文字列を設定し、スクロールを管理するために連鎖しているすべての距離を計算すると考えています。
• 影響 - いくつか連続してスクロールします他の人が、私は今も、これら二つのスクロールプラグインは同様に非常に良好であることがわかってきた別の画像

を移動秒間1つの画像のポーズを移動します。ただ、思考

http://caroufredsel.frebsite.nl/

http://sorgalla.com/jcarousel/

Answer 2

The Silky-Smooth jQuery Marqueeと

Answer 3

。このようなことをしてもらえますか？

<style type="text/css"> 

.imgwindow{ 
width:500px; //or whatever 
height:65px; //or whatever 
position:relative; 
overflow:hidden; 
} 

.imgholder{ 
min-width:2000px; 
height:65px; 
position:absolute; 
left:-200px; 
} 

.inline-image{ 
display:inline-block; 
} 

</style> 

<script type="text/javascript"> 

var img; 

function imgScroll(){ 
img = $(".inline-image").first(); 
img.animate({width:0},2500,'linear',function(){ 
    img.remove(); 
    $(".imgholder").append(img); 
    imgScroll(); 
}); 

} 

$(document).ready(function(){ 

imgScroll(); 

}); 

</script> 

とhtml

<div class="imgwindow"> 
    <div class="imgholder"> 
    <img class="inline-image" src="image1" /><img class="inline-image" src="image2" />... 
    </div> 
</div>