ELLIPTiCUS photography

  • ABOUT

  • PORTFOLIO

  • MATERIA

  • BOOKMARK

Recent entry

  • しばらく放置していてすみませんでした
  • 同一カテゴリで前後リンク+特定の記事のみ抜かす
  • We need peace
  • 北海道旅行記UPしました。
  • portfolioにupしました&素材について

Tag list

accommodation bali browser camera Chiba css food Hakone Hokkaido hongkong info jQuery material MT4 MT5 Nagano plugin portfolio reply sightseeing taiwan Tokyo travel update webTech wordpress
COPYRIGHT (c) yuki/ELLIPTiCUS all right reserved.
January 20, 2009

fancyboxの使い方講座(?)#2

»jQuery, Tokyo, webTech


そういえば前回の説明で、一番面倒なところを飛ばしましたよね。わたしってば。せっかくなので、今回はそこの説明を。

とりあえず、基本の手順は過去の記事を参考にしてください。この4番目の手順、スクリプト内に入れる指示を今回はご説明。本サイトにで言うところの【Available options】の部分です。

hideOnContentClick → 最初と最後の画像の出方(ズームイン、ズームアウト)何も指定しないとアニメーションなし。指定する場合はtrue
zoomSpeedIn → 画像の出るスピード
zoomSpeedOut → 画像の消えるスピード
frameWidth → インラインフレームを使う場合の横幅指定(ピクセル指定)
frameHeight → インラインフレームを使う場合の縦幅指定(ピクセル指定)
overlayShow → lightboxのように背景に透過した色をしく。何も指定しないと無し。指定する場合はtrue
overlayOpacity → 上記で指定した場合の透明度を指定。0~1の間でコンマを使い指定(0.5のように)
itemLoadCallback → java scriptを使って写真をグループ化させる

これを

$(”.recent_e ul li a”).fancybox({
‘hideOnContentClick’: true,
‘overlayShow’:    true
});

の‘hideOnContentClick’: true,と書いてある所に入れていきます。‘’:で指定したいものを囲み、その後に数値(あるいはtrue)を入れます。いくつか指定する場合は次の要素の前に【,】で改行指示を出します。一番最後の指定に限っては【,】はいりません。
……分かりました?なんか自分で説明してて『ビミョー』って思っちゃったんですけど。もともと説明下手ですし。まあ、それでも力になれれば幸いです。また、ここ間違っているよ!!がありましたら、お手数ですがご指摘ください。私自身勉強中(と逃げ口上)

写真は神宮外苑です。珍しくデジで撮ったものをモノクロ化しました。これはこれで良いような気がする。

« バリ旅行記書き終わりました
MATERIALアップしました »
ELLIPTiCUS photography» Blog Archive » FancyBoxの使い方講座(?)
January 20, 2009 at 4:16 PM

[...] 追記:4番目の手順を別の記事にて詳しく書いてみました。お役に立てれば幸いです。 « 記事移行ほぼ終了です バリ旅行記執筆中 » [...]


FancyBoxの使い方講座(?) | ELLIPTiCUS
February 2, 2010 at 5:37 PM

[...] 追記:4番目の手順を別の記事にて詳しく書いてみました。お役に立てれば幸いです。 « 記事移行ほぼ終了です バリ旅行記執筆中 » [...]


FancyBoxの使い方講座(?) | ELLIPTiCUS
August 28, 2010 at 3:52 AM

[...] 追記:4番目の手順を別の記事にて詳しく書いてみました。お役に立てれば幸いです。 This entry was posted in Web Technic, blog and tagged jQuery, Web Technic. Bookmark the permalink. ← 記事移行ほぼ終 [...]


» Leave a Reply