[B! photo] snusmumのブックマーク

グリッドに配置された画像にマウスオーバーした際に十字ハイライトさせるjQueryプラグイン

個人的に好きなタイプのjQueryの使い方だったのでメモ。イメージギャラリーは、こういったエフェクトも大事な要因ですし、参考にしておきたい所です。なかなかインパクトもあって素敵ですね。尚、グリッドは Masonryを使っています。基本的にはユーザーの利便性を高める目的でjsを使いたいですけど、視覚的にインパクトを与えられるのも利点の一つかなとは思います。 Animating with Modernizr こんな感じでマウスオーバーした画像に十字ハイライトされます。広げてもだいじょうぶ。hoverしている画像にナビがアニメーションで付いてきてくれます。アニメーションはcss3なのでIEではアニメーションしません。デモを見たほうが早いですかね・・デモ※別窓で開きますちょっと重いかな。手抜きですみません。コード<script src="js/jquery-1.6.1.min.

snusmum 2011/10/10

リンク

jquery.mb.bgndGallery | Pupunzi

A flexible photo gallery as background of your web pages! With this jQuery plugin you can make suggestive slide show of images as background of your page; the images will adapt their size to the window size fitting always at the best. You can either navigate the gallery with your keyboard or with a control panel displayed where you whant in the page. —— ✎ Pupunzi's newsletter Subscribing the "Pupu