CSS(スタイルシート)のテクニックとトピックのまとめ

大きな画像から指定した一部だけを切り抜いて、写真の撮影をシミュレートしたスクリプトをTutorialzineから紹介します。Making a Photoshoot Effect With jQuery & CSS デモページデモではカーソルに合わせて、カメラのファインダーで覗いているような矩形が表...

クリックで画像を変更し、各画像の個別リンクにも対応した画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。A permanent image click gallery 上記画像のパーマリンクこういったスタイルシートで実装されて画像ギャラリーは、通常マウスオーバーで画像を切り替え...

画像を配置したパネルをアニメーションのような滑らかなスライドで切り替えるスタイルシートをCSSplayから紹介します。Experimental – Sliding menu demoデモではパネルの左側のナビゲーションにマウスをホバーすると、右側にそれに対応した画像がアニメーションのようなスライド...

クリックで画像がかわる、軽快な画像ギャラリーを実装するスタイルシートをdevirtuosoから紹介します。/* CSS Reset */* {margin: 0;padding: 0;border: 0;outline: 0;}/* Setup Tabs */ul{background:#000;...

Plugins | jQuery Plugins 高速に動作する画像カルーセルＵＩ実装用jQueryプラグイン「Agile Carousel」 ページ右上のページ送りボタンを押せば滑らかに、かつ高速にアニメーションします。 スクリプトはシンプルでありながら、オプション指定が色々とできてカスタマイズ...

jQuery GalleryView - by Jack Anderson jQueryを使ったFlashばりにクールなギャラリー「GalleryView」が公開されています。 初期化に以下の数行を書けばＯＫみたい。 $('#photos').galleryView({     panel_wid...

Create a unique Gallery by using z-index and jQuery | This Blog Use jQuery 訪問者驚きの手めくり風、画像ギャラリーを作成できるサンプル。 以下がデモで、実際に試してみましょう。驚きの効果が得られるはずです。HTML定義部分。...

57 Free Image Gallery, Slideshow And Lightbox Solutions | 1stwebdesigner - Love In Design 画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集が公開されていました。 ...

しかもIE5.5、IE6、IE7β、Opera8、Firefox1.5などで動作確認済みというクロスプラットフォーム式。 cross browser multi page photo gallery http://www.cssplay.co.uk/menu/lightbox.html#flowe...

『 spanの半分くらいはビジュアルデザイン目的な気がしてきた。せめてJSで生成するくらいの恥じらいがあっても良いよな、やってることは同じだけど。…とか言いつつ、実務で使えるんなら使ってしまおうと思っている 』