プラグインに頼らず自力でjQueryのスライドショーを作る方法(はじめてのスライドショー作成編)

はじめてのスライドショー作成

 

【ステップ2】CSSの透明度を変えることで実現する

最終目標のスライドインを実現するためにopacityで透明度を変えることでフェードイン・フェードアウトを実現してみます。

CSSは、「display」を「opacity」での指定に変更します。

PR

処理構造に変更はありません。animate()を使用して、opacityを変更しています。

PR

HTMLに変更はありませんが、ここだけ見る人のために記述しておきます。

 

PR

関連記事