CSS だけでフォトギャラリー - lucky bag

CSS だけでフォトギャラリーっぽいのを作ってみるテスツ。「stu nicholls | CSS PLaY | CSS photo-gallery hover and active」あたりを参考に、ちょっとやってみた。サムネールにマウスオーバーで拡大画像を表示。サムネールクリックで拡大画像を固定。別の場所をクリックすると元に戻る。ってな挙動。最低限のブラウザでしかチェックしてないんで、まともに動かない環境もあるかも知んない。 gallery.html (X)HTML は下記のように、画像を順不同のリストで並べている。 <ul id="gallery"> <li><a href="#empty-anchor"><img src="01.png" /></a></li> <li><a href="#empty-anchor"><img src="02.png" /></a></li> <li>

[yoshida2855]

CSS だけでフォトギャラリーを実現してみる。サムネールにマウスオーバーで拡大画像を表示。サムネールクリックで拡大画像を固定。別の場所をクリックすると元に戻る。ってな挙動。

[Cherenkov]

design]

[webmarksjp]

css

[hxxk]

7-5. CSS でフォトギャラリー

[aratako0]

CSSのみのフォトギャラリー

[omumeron]

すごい

[allegro]

nice!

[yasuwi]

Javascriptを使わないでここまでできるらしい

[takatoshiono]

こーいうのCSSだけでできるのか

[style_blue]

メモ

[nitsuji]

こーいうのCSSだけでできるのか

[akkun_choi]

毎度毎度すごいね

[facet]

すご。

[so_ra_to]

CSSだけで画像を拡大して表示させるサンプル

[mmddkk]

「サムネールにマウスオーバーで拡大画像を表示」「Opera と Safari では拡大画像が固定されない」

[morobitokozou]

なんかかっこいいぞこれ。

[yellowblog]

いつもながら、すばらしい！！

[donayama]

すごい。