エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
オンマウスで商品画像を切り替える
通常サイズの画像とその下にサムネイル画像をセットで表示していて、サムネイル画像にマウスが触れると... 通常サイズの画像とその下にサムネイル画像をセットで表示していて、サムネイル画像にマウスが触れると通常サイズで画像が表示するようにしてみます。 この方法を使うことで、ショッピングサイトなどで、よく見かける一つの商品を色んなアングルから見れるような商品の紹介が出来ると思います。 オンマウスで商品画像を切り替えるサンプル 下記がサンプルになります。サムネイル画像の上にマウスを置くと画像が切り替わります。 下記のhtmlコードとcssコードで作成していますが、必要なところをサイトに合わせて書き直しお使い下さい。 htmlのコード <div class="imgonmouse"> <!--一番最初に表示される画像--> <img src="画像1アドレス" name="imgonmouse" width="300" height="300" /> <ul> <li><img src="画像1アドレス