[CSS]スタイルシートで実装する、アイデア溢れる画像ギャラリー

まるでFlashやスクリプトを使用したかのようなスライドのエフェクトがスタイリッシュな画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。

デモのキャプチャ

Slideshow by numbers
demo

デモでは画像ギャラリーの領域にマウスをホバーすると、画像に対応した数字が表示され、それぞれの数字のホバー時にはサムネイル画像が表示されます(キャプチャ参照)。

各サムネイル画像をクリックすると、大きな画像とそれに対応したテキストが表示されます。

対応ブラウザはIE6/7/8, Fx, Op, Safari(PC), Chromeで、SafariとChromeは画像の拡大時にマウスをプレスする必要があります。

sponsors

top of page

©2024 coliss