RSS | Atom0.3
<< 護身剣道日記10 居合の抜き(っぽいもの)。 | main | 勇者達、登場。 >>

スポンサーサイト

このエントリーを含むはてなブックマーク | - | - |

一定期間更新がないため広告を表示しています

| 2016.07.25 Monday | | - | author : スポンサードリンク |

画像を拡大させて見せる方法2種類。

このエントリーを含むはてなブックマーク | comments(0) | trackbacks(0) |

大きく見せたい画像があっても、レイアウト崩れが嫌だから、そこそこ見えるレベルに小さくすることがよくあります。
内心「これじゃ、よくわかんないだろうなあ」と思いつつ。

どうしても大きくないと見られないものは、画像ファイルにリンクを張って、別窓で開く方法とりますが、ポップアップブロックに引っ掛かるから、あまりスマートじゃない。
そういう場合の対処法です。とりあえず見つけた2コ。

Lightbox Plus  
JavaScriptです。
これを組み込むと、ページをちょっと暗くしたバックグラウンドにして、一枚上に大きい写真が乗ったように表示してくれます。
動かすことはできないので、もとのページの文章を読むには閉じるしかないんですけどね。

ちょっといい感じ。


Cool CSS Image Pop-up  
こちらはカーソルを合わせるだけで画像がポップアップ。
なんとCSSだけで実現してます。
最終行のリンクからスタイルシートを見ることができます。

必要なところをアレンジして使うといいかも。


| 2006.01.30 Monday | 09:42 | ネットの便利なもの | author : チチ |

スポンサーサイト

このエントリーを含むはてなブックマーク | - | - |

| 2016.07.25 Monday | 09:42 | - | author : スポンサードリンク |









http://kojiru.jugem.cc/trackback/465

最近の記事
カテゴリー
行く川は絶えずしてカレンダー
SMTWTFS
 123456
78910111213
14151617181920
21222324252627
28293031   
<< October 2018 >>
今となっては昔の話アーカイブ
 
Web ここ
最近書かれたコメントコメント
最近のもらったものトラックバック
ブログについて

MOBILE
qrcode
SPONSORED LINKS
クリエイティブ・コモンズ・ライセンス
このブログは、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。

管理者ページ
無料ブログ作成サービス JUGEM
このページの先頭へ