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

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

 

【ステップ3】スライドインタイプのスライドショーにしてみる

PR

CSSは変更はありません。

フェードインの処理を行う前の非表示の段階で、marginを使って右にずらしておきます。その後、opacityを1するのと同時に、marginの値を0(ゼロ)pxにすることで右から左にスライドしていきます。

PR

HTMLも変更はありません。

jQueryの本体を読み込むのを忘れないように!

 

PR

関連記事