[JS]画像をクロスフェードで変更するスライドショーの超軽量スクリプト -Simplest Slideshow

余計な機能は一切なく、シンプルで画像を洗練されたエフェクトで次々に表示するスライドショーのスクリプトをSnook.caから紹介します。 Simplest jQuery Slideshow demo このスクリプトを作成したきっかけは、知人からの依頼だそうです。 当サイトでも多数紹介しているjQueryのプラグインで同様の動作をするものがありますが、多機能すぎるためクロスフェードするだけのシンプルで軽量のものを作成することにしたそうです。 そこで、コードの目標を20行以下で挑んだところ、作成してみると、下記のように大幅に短いものになってしまったとのことです。 ※動作には別途jquery.jsが必要です。 JavaScript <textarea name="code" class="html" cols="60" rows="5"> $(function(){ $('.fadein img:

[ragion]

背景の色の影響を受けるのが微妙。

[yanwari]

フェード付きのスライドショー。これにしよう。

[XIAORING]

image slideshow Simplest jQuery Slideshow

[mosi_mosi]

JavaScript

[misarine3]

これすごく良い

[inthesoup]

画像をクロスフェードで変更するスライドショー

[zeroyonichihachi]

短いスクリプトの見本

[nakanushi]

画像をクロスフェード