Gist
状態:-
閲覧数:2,081
投稿日:2015-01-02
更新日:2015-01-02
マウスオーバーで「リンク画像」を拡大表示させるjQueryプラグインを色々試したが気に入らなかったので、最終的にCSSで実装
・画像をマウスオーバーさせた後、リンク遷移させる方法が不明、もしくは分かりづらい
気が付いたこと
・画像をマウスオーバーさせた後、リンク遷移させる方法が不明、もしくは分かりづらい
マウスオーバーで「画像」を拡大表示するjQueryプラグイン
Intense Image
リンク対応方法が不明なため、利用断念
・最新リビジョン「Aug 1, 2014」を試すも、結果は同じ
・クリックで全画面表示
・テキスト表示は「data-title=""」や「data-caption=""」で指定するので、リンクは多分張れないと思う(未検証)
GifLinks
・リンク要素として画像指定しているので、遷移はしない
・「全画面拡大表示された画像」をクリックすると、元の表示へ戻るだけ
transform:scale
今後について / 要検討事項
:hover指定
下記の違いを要調査
.targetClass:hover img{
}
.targetClass img:hover {
}
拡大位置
端の画像を拡大すると、途切れてしまう
・配置設定を振り分け