スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
RSSフィード twitter Google Bookmarks スポンサーサイトをはてなブックマークに登録 はてなブックマーク
タグ /

ポラロイド写真をオシャレに散りばめるjQuery「polaroid photo viewer」

ポラロイド写真をオシャレに散りばめるjQuery「polaroid photo viewer」

ポラロイド写真をサイト全体に散りばめて、自由に移動もできるjQuery「polaroid photo viewer」のご紹介です。ポラロイド写真をランダムに並べてるだけなのに かっこよく見えるところが良いですね。

polaroid photo viewer with CSS3 and jQuery

一部 CSS3が使われていますので、

CSS3非対応ブラウザですと画像の傾きが表示されないようです。

IEでは縦表示になる

Demo Download

設置

動作にはjquery.jsが必要ですのであらかじめダウンロードしておいて、スクリプト「polaroid photo viewer」もダウンロードしてください。

head内に以下のコードを記述

HTML

上記は一枚単位なので、設置する写真ごとにコードを追加します。

このスクリプトなら、短時間でオシャレな写真ページを作りたい場合にも対応できそうです。

関連記事

RSSフィード twitter Google Bookmarks ポラロイド写真をオシャレに散りばめるjQuery「polaroid photo viewer」をはてなブックマークに登録 はてなブックマーク
タグ / jQueryCSS
コメント一覧
コメントを残す


管理者にだけ表示を許可する

 | BLOG TOP | 

人気記事

スポンサードリンク

新着記事

プロフィール

日刊ウェブログ式を運営するナカタと申します。まだ開設して日も浅い拙いブログですが、どうぞよろしくお願いします。

リンク

LOOMICDESIGN

タグクラウド

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。