画像にFlashのようなエフェクトをかけられるjQuery – creamu
画像をかっこよく見せたい。 そんなときにおすすめなのが、『jqFancyTransitions』。画像にFlashのようなエフェクトをかけられるjQueryです。 画像にシュパシュパシュパッと切り刻んだような効果をつけられますね。かなりかっこいいです。これがjQueryでできるなんて、すごいなと思っちゃいますね。 Examplesには、ほかにwave, curtain, fountain topといった効果があって、それぞれとてもかっこいいです。 クロスブラウザの対応もされているようですね。 ぜひ見てみてください。 jqFancyTransitions | slideshow with strip effects 連日徹夜気味で意識もうろうとしてきた。。今日はもうちょいがんばって早目に寝ようかな。ともかく金曜日はいい気分ですね〜。
jQueryを使ったフェードイン&アウトエフェクト23 – creamu
GEEK Sucksというサイトで、jQueryを使ったフェードイン&アウトエフェクトが紹介されています。 ざっといくつかご紹介。 » Jquery Fade In.Fade Out サイトに来たときには30%の透過、マウスオーバーで100%。画像やテキスト、リンクやdivに指定可 » Fade Transition Plugin for jQuery テキストや画像に簡単にフェードイン&アウト効果がつけられるプラグイン » Making a Slideshow with jQuery jQueryを使ったクールなスライドショー » Simple jQuery slideshows 2パターンの面白いスライドショーが組めるjQuery » InnerFade with JQuery 画像やdivなど、要素の種類に関わりなくフェードイン&アウト効果をつけられるプラグイン その他のリストは以下
[JS]画像に見出しとキャプションをスライド表示させるチュートリアル
jQueryを使用して、画像に半透明の見出しとキャプションをスライド表示させるチュートリアルをQuenessから紹介します。 Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery demo デモでは画像にマウスをホバーすると、上から見出し、下からキャプションをスライド表示させます。 見出しとキャプションは画像の前後にdiv要素で実装されています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div class="photo"> <div class="heading"><span>Telephoto Lens</span></div> <img src="images/fall.jpg" width="350" h
非常に美しいcoverflowスライドギャラリー『ImageFlow』
非常に美しいcoverflowスライドギャラリー『ImageFlow』 ImageFlowはPHPとJavaScriptで作られている非常に美しいcoverflowスライドギャラリーです。 設置方法 配布サイトより関連ファイルをダウンロードし、サーバーにアップします。 スライドギャラリーを利用したいページのhead要素内で『screen.css』と『imageflow.js』を読み込みます。 <link rel="stylesheet" title="Standard" href="screen.css" type="text/css" media="screen" /> <script language="JavaScript" type="text/javascript" src="imageflow.js"></script> スライドを利用したい箇所に以下のHTMLコードを記述しま
[JS]オートプレイ機能を備えたシンプルな画像ギャラリーのスクリプト -Galleriffic
Gallerifficは、サムネイル箇所もオートプレイに対応した、シンプルな画像ギャラリーのスクリプトです。 Galleriffic 画像ギャラリーの機能は、サムネイル画像からの拡大表示、マニュアルとオートプレイを備えており、拡大した各画像にはダウンロード用のリンクが表示されます。 GallerifficはjQueryのプラグインのため、動作にはjquery.jsが必要です。 次のバージョンでは、タイトルや説明文の表示機能がつくとのことです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
