写真が引き立つ!フルスクリーン背景(スライドあり・なし)のコーディング9種 +1

Supersized

jQueryプラグイン(スライドショー)

Background-Image Transition Plugin

BGTransition-Demo

jQueryのプラグイン。フェードはきれいだが、フルスクリーンではない。

Supersized!

Supersized

フルスクリーンの背景スライドショー。

Smooth fullscreen background slideshow in jQuery

Smooth-fullscreen-background-slideshow-in-jQuery-_-Jasper-Rooswinkel

こちらもフルスクリーンの背景スライドショー。
ドットが背景の上に重なってるけど取れる。
クロスフェードじゃないが、上記「Supersized!」より動きがスムースできれい。

Advanced jQuery background image slideshow

Beautiful-advanced-jQuery-background-image-slideshow

フェードアウトして次が出るまでの間、bgcolorが表示されてる。
フルスクリーンではない。

Full Screen Background/Slideshow jQuery Plugin

Full-Screen-Background_Slideshow-jQuery-Plugin

クロスフェードだが、動きが少しグギグギする。

フルスクリーン背景

bgStretcher jquery plugin

Background-Stretcher-Demo

フルスクリーンの背景。

Perfect Full Page Background Image

GOTOCHINA

背景フルスクリーン&(テキストなどの)コンテンツのみスクロールする。
スライドショーではない。CSS3で作る方法、CSSだけで作る方法(2種類)、jQueryを使った方法、などが紹介されている。

jQuery Backstretch

jQuery Backstretch by Scott Robbin

Flashを使用したもの

Flash background with html content

Flash-fullscreen-background-on-html

Flashを使用して、指定したもの(画像、又はswfファイル)を読み込んで表示。(HTML内に記述するJavascriptにて指定できる)

テキストなどのコンテンツはHTMLで記述するため、Flashじゃないと何も表示されないとか、そういうことが回避できそうです。

Thumbnails Navigation Gallery with jQuery

 

広告

タグ: , , , , , , , , , , , , , ,

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。