最下部にリンクがある4つの画像用の最も簡単な画像回転装置

Question

私は4つの画像を持っています。私はそれらをループで回転させたいと思います。画像の下には、各画像のテキストリンク（アニメーションループ内）を表示するための領域があります。

そこにはたくさんのスクリプトがありますが、誰も私が望むものはありません。

誰でも提案できますか？

多くのありがとうございます。

Answer 1

（私は非常にお勧め）jqueryのサイクルに加えて、実際のストリップダウンさInnerFadeもあります：ほとんどでhttp://medienfreunde.com/lab/innerfade/

どのような場合にかかわらず、あなたはあなたのイメージを囲む構造化されたHTMLを必要としています。したがって、この

<ul class="rotate-this"> 
    <li><img src="foo.jpg"></li> 
    <li><img src="bar.jpg"></li> 
    <li><img src="foobar.jpg"></li> 
</ul> 

のようなものそして、あなたはそうのようにそれを呼び出します：

$('ul.rotate-this').cycle({ // or $('ul.rotate-this').innerfade({ 
    option: value, 
    option: value 
}); 

Answer 2

私はサイクルのプラグインをお勧めします。http://jquery.malsup.com/cycle/

私も画像ではなく、画像やtextlinksのためにそれをのみ使用しましたが、それはスタートです！

Answer 3

私はサイクルのプラグインを使用すると、画像のリンクをロードするためにafter:コールバックを利用したいです。私は私の会社のウェブサイトで同様のことをしました。私はこれをテストしていませんが、かなり近いはずです。

$(#imagecontainter).cycle({ after: afterSlide }); 

function afterSlide(currentSlide, nextSlide, options, forwardFlag) { 
    $("#yourLink").attr("href", currentSlide.attr("src")); 
    $("#yourLink").text(currentSlide.attr("alt")); 
}