エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
『同一ページで複数のスワップイメージ(ギャラリー)を見せたい』
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
『同一ページで複数のスワップイメージ(ギャラリー)を見せたい』
今進めている案件で いくつかの商品について、 「商品写真を複数点見せたい」とのオーダーが。 スワップ... 今進めている案件で いくつかの商品について、 「商品写真を複数点見せたい」とのオーダーが。 スワップイメージでやればいいのはわかっているんだけど 1ページに10点以上もあるから 普通に書くとえらい長い スクリプトだったりソースになっちゃう。 で、どうにかカンタンにできる方法がないかと探したら すごくいいものを発見しちゃった。 同一ページで複数のスワップイメージ(ギャラリー)を見せたい jQueryを使うんだけど、 超簡素&設置がカンタン。 <div>で囲んだ中に 入れ替る画像を<p>で囲む。 (サンプルのjsを使う場合は、class名はswapで。) トリガーになる画像を<li>で囲めば完成! 超簡単。 2個目以降も同じクラス名でOKなので コピペで対応できるのです。 同じクラス名でも <div>の中だけで動くようになっているので 同じページの他の部分の画像が 変わってしまうようなこともな