Q&A
###実現したいこと
https://ssl1.suntory.co.jp/search/ja_all/index.html?q=%E3%81%8A%E8%8C%B6&r=all
上記イメージの左赤枠にホバーした際に
右赤枠のように左赤枠を拡大したものを表示したいと思っております。
アドバイスなどいただければ幸いです
特にソースのこだわりなどはございませんので
サンプルソースは用意しておりません
html,css,jquery,javascriptなどで作成予定です
ie8にも対応させる予定です
どうぞ、宜しくお願いいたします
回答2件
0
ベストアンサー
HTML
1<img id="thumbnail" src="http://placehold.jp/150x150.png"> 2<img id="original" src="http://placehold.jp/150x150.png">
CSS
1#thumbnail{ 2 width:50px; 3} 4#original{ 5 position:absolute; 6 left:50%; 7 display:none; 8} 9#thumbnail:hover + #original{ 10 display:inline; 11}
投稿2017/01/26 07:57
編集2017/01/26 08:00
総合スコア36104
0
たんにサムネイルと拡大画像を用意して
サムネイルにホバーしたら拡大画像をモーダルで表示すればいいのでは？
投稿2017/01/26 07:55
総合スコア114829
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。