[JS]背景画像やスライドショーをブラウザいっぱいに表示するスクリプト -Vegas
写真画像をブラウザいっぱいに表示し、ウェブページにフル表示の背景画像やスライドショーを設置するjQueryのプラグインを紹介します。 ドットベースのオーバーレイ用の画像が数多く用意されているので、画像にスタイリッシュなエフェクトを加えることも簡単にできます。 デモページ サムネイルをクリックすると、写真画像が変更されます。 Vegasの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもあらかじめ用意されており、外部ファイルとして指定します。 <link rel="st
設置サンプル
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
jQueryでループするスライダーを作る「loopedSlider」
twitter facebook hatena google pocket 画像や要素をスライドさせて見せるサイトが多くなっています。 JavaScriptライブラリのjQueryプラグイン「loopedSlider」を使用し、ループするスライダーを作ってみましょう。 sponsors 使用方法 loopedSliderからloopedslider.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="loopedslider.js"></script> <script> $(document).ready(function() { $('#id名').loopedSlider();
訪問者驚きの手めくり風、画像ギャラリー作成サンプル:phpspot開発日誌
Create a unique Gallery by using z-index and jQuery | This Blog Use jQuery 訪問者驚きの手めくり風、画像ギャラリーを作成できるサンプル。 以下がデモで、実際に試してみましょう。驚きの効果が得られるはずです。 HTML定義部分。分かりやすいコードも魅力です。 <!-- relevant for the tutorial - start --> <div class="grid_6 prefix_1 suffix_1" id="gallery"> <div id="pictures"> <!--画像の定義部分--> <img src="images/picture1.png" alt="" /> <img src="images/picture2.png" alt="" /> <img src="images/pictu
写真をかっこよく見せるフリーのFlashの画像ギャラリー集 | コリス
FreeZiqのエントリーから、写真をかっこよく見せるフリーのFlashの画像ギャラリーを紹介します。 15 Free, powerful and easy to integrate Flash image gallery
写真と音楽をアップするだけでかっこいい映像を作ってくれる『ANIMOTO』 | 100SHIKI.COM
デスクトップアプリケーションで似たような機能のソフトがありますが、ウェブ上でもできるようになったようなのでご紹介。 ANIMOTOでは複数の写真と音楽をアップするだけで、その音楽にあわせて写真をかっこよく見せてくれる映像を作ってくれる。 自動的に音楽を解析し、リズムにあわせて写真を動かしているようだ。「（退屈な）スライドショーは死んだ！」というキャッチのとおり、自動でちゃちゃっと作ったとは思えないかっこいい映像クリップが出来上がる。 これはデスクトップアプリケーションじゃないとねぇ・・・という常識が崩れつつあるようだ。手元で便利に使っているアプリがウェブ上で再現できないか、常に自問していたいですね。
クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」:phpspot開発日誌
Image Menu クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」。 メニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。。 画像を変えれば、よりクールなメニューを作れそうですね。 必要なJSライブラリ,CSSをインクルードした後、次のようなコードで簡単に初期化できる模様。 <h2>Example:</h2> <div id="kwick"> <ul class="kwicks"> <li class="kwick opt1"><span>Lanscapes</span></li> <li class="kwick opt2"><span>People</span></li> <li class="kwick opt3"><span>Nature</span></li> <li class="kwi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css-lecture.com
Animoto - Make & Share Beautiful Videos Online