MemojQueryで画像が読み込まれた後実行するスライドショーJavaScriptでスライドショーなどを表示している場合、表示する画像の読み込みが遅くてサイトトップが変になる時などに便利なやり方のご紹介。大きな画像を使ったスライドショーを作る時など重宝します。あ、jQueryを使ってます。画像の読み込み後にスライドショーを実行するimagesloaded.jsを以下のサイトからダウンロード。GitHubimagesloaded.js、imagesloaded.pkgd.js、imagesloaded.pkgd.min.jsのどれか1つでOK。src=&quot;js/function.js&quot;&gt;&lt;/script&gt;スライドショーで必要なcssは、JavaScriptの前に読み込ませておきましょう。jQuery、imagesloaded、の順に読み込ませ、その後に実行するスライドショーなどの記述を書いたファイル(上記ではfunction.js)を読み込みます。false;}})}cssとjavascriptの解説スライドショーとしてはわりとシンプルな作りで、activeを指定されたところから順にクラスが移動していく感じです。全てのliとローディング画像が全部重なっていて、クラスが変わることで表示非表示(z-indexが入れ替わる)しています。設定のリンクを指定すると、スライドにリンクが貼れます。現在は全部「#」を指定してます。リンクが必要ない時は何も記入しなければOK。現在はスライドがリピートするようになってますが、function.jsの33行め、SlideEle(‘slide’,’li’,’1′)の最後の「1」を「0」にすると最後の画像で止まるようになっています。サンプル実際のサンプルはこちらloadingバーは、Ajaxload、写真素材はPAKUTASO/ぱくたそからお借りしました。【息子と発達障害】軽度ASD息子と小学校生活について週4日勤務にしてみたら仕事が捗った話コメントを残す返信をキャンセルする。(@mei331)神奈川在住。web作ったり、文字を書いたりしてる黒いひつじさん。育児も好きなことも欲張りながらお仕事してます。Mei.Koutsuki。