エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
プラグインなしで拡大しながらフェードで切り替わるスライド - yuri memo
拡大しながらフェードインするスライドを実装したのでめもめも。 さらっと言ってますけど、ほんと分から... 拡大しながらフェードインするスライドを実装したのでめもめも。 さらっと言ってますけど、ほんと分からなくて泣きそうになりながら実装したんだよ・・・ぐすん。 とりあえず、デモをのせますね。 1. フルスクリーン背景バージョン 2. 通常スライドバージョン フルスクリーンか通常のかはHTMLとCSSで変更し、jsは全く同じものです。 $(window).load(function(){ var slide = $('.slideshow'); var i = 0; // ページの読み込み時にスライドの1枚目を2000ミリ秒かけてフェードイン slide.find('.item').eq(i).fadeIn(2000).addClass('in'); // スライドの枚数を調べて変数に格納 var total = $('.slideshow .item').length -1; // 処理を繰り返
2017/02/07 リンク