トリアエズぶろぐ
フリーランスでやってる77世代のWEBプログラマが福岡からのんびりとお送りいたします。
スポンサーサイト


一定期間更新がないため広告を表示しています

<< iPhone/スマートフォンアプリのバージョンアップ | main | CentOS4にyumをインストール >>
facebookやtumblrのスマホアプリでよく見る写真をフルスクリーンで見てダブルタップで拡大とかする感じのjQueryを使ったJavaScriptプログラムを試しに書いてみた


タイトルそのまんまです。
jQueryプラグインとか探してみたのですが、丁度いいのがなかったので書いてみました。
jQueryプラグインではなく、普通のjQueryを使ったJavaScriptです。

・サムネイルをタップするとブラックアウトしてフルスクリーンで画像を表示
・ダブルタップすると原寸大切り替え
・スワイプでスクロール
・(シングル)タップで消えます。

DEMOはこちら(スマホで見てね)

使い方は簡単!
// headタグ内で読み込み
<script type="text/javascript" src="./touchPhotoViewer.js"></script>
// imageのリンクで rel="touchPhotoViewer" を追加
<a rel="touchPhotoViewer"><img src="photo.jpg" /></a>
ちゃちゃっと書いたのでアレですが、お試し頂けると幸い。
早速つなビィに組み込みました。

そんじゃーね!
スポンサーサイト


COMMENT









Trackback URL
http://akihiro.jugem.jp/trackback/302
TRACKBACK