この文書は、Lucky bag::blog のエントリー「CSS だけでフォトギャラリー」のサンプルです。 サムネール画像にマウスオーバーで拡大画像を表示。サムネールクリックで拡大画像を固定。Opera と Safari では拡大画像が固定されない。 横 350px 縦 280px の画像を使用。サムネール画像は CSS で横 35px 縦 28px に設定。 CSS コード /*---- ギャラリー ----*/ #gallery { width: 385px; /* サムネール画像と拡大画像を足した幅 */ height: 280px; list-style-type: none; position: relative; /* 子要素の位置を absolute させるために指定 */ background: #dfb; } #gallery a img { width: 35px; /
CSS DEMOS › Cross Browser Multi-Page Photograph Gallery Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version does not use javascript but is pure CSS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
