スポンサーサイト

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

Lightboxを使う(frestyle)

frestyleは標準でLightboxに対応しているので、

空
↑クリックしてみてください。

こんな感じに小さい画像クリックで大きい画像をその場で表示するみたいなことが出来ます。
使い方は、画像を貼ると出てくるタグ
<a href="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720.jpg" target="_blank"><img src="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720s.jpg" alt="空" border="0" width="120" height="299" /></a>
みたいなのを
<a href="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720.jpg" target="_blank" rel="lightbox"><img src="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720s.jpg" alt="空" border="0" width="120" height="299" /></a>
のようにaタグにrel="lightbox"を追加してやることで実現できます。
あと補足で、画像をグループ化というか「NEXT」をクリックすると次の画像へ、「PREV」をクリックすると前の画像へ・・・みたいなことがやりたい場合には、
<a href="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720.jpg" target="_blank" rel="lightbox[グループ名を半角英数で]"><img src="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720s.jpg" alt="空" border="0" width="120" height="299" /></a>
のようにしてやると出来ます。

追記(2010-05-18):「こんなコード追加するのめんど~い」っていう人のために、普通に記事書いたら自動的にLightboxで表示してくれるプログラム書きました。

Leave a comment

Private :

Comments

Hさん、はじめまして
ページナビというと、NEXTとかPREVとかのやつではなくて、
HOME > カテゴリー > 記事タイトル
みたいになってるやつですか?
もしNEXTとかPREVとかのやつなら、最新版なら付いてると思いますのでダウンロードしなおしていただければ出来ると思います。
Posted at 2010.05.17 (13:40) by yuu (URL) | [編集]
はじめまして。素敵なテンプレートですね~!
ところで、ページナビを下につける方法はありますか?
すみませんが、よろしくお願いします。
Posted at 2010.05.16 (08:30) by (URL) | [編集]
初めまして。holidayzさん。
ダウンロードありがとうございまーす。
やっぱり3カラムって結構人気あるんですよね・・・以前やってたブログでも要望多かったですし。
時間にゆとりが出来たら考えてみます。
Posted at 2010.05.12 (00:11) by yuu (URL) | [編集]
はじめまして。
私も一目惚れして さっそくダウンロードしたのですが
画面を開けた時に最新コメントを見やすい(片側のトップに上げれるため)、などの理由で
PaaanDさんと同じく、3カラムをリクエストしたいです
要望がたくさんあるといいな~(笑)
Posted at 2010.05.11 (14:04) by holidayz (URL) | [編集]
どうもはじめましてPaaanDさん

いかんせん画像多用してるので3カラムにするには画像を3カラム用に作らないといけないので今のところは対応してません;

あー、でも要望が多ければ将来的には作るかもしれないです。
Posted at 2010.05.11 (02:24) by yuu (URL) | [編集]
こ…こんばんわ(><;
はじめまして!!PaaanDと申します。

いきなりの訪問&コメントほんとに失礼します!!;
テンプレートに一目ぼれしてきてしまったものです…。

いきなりで、ほんとうに申し訳ないんですが、
「2カラム」を「3カラム」にする方法はあるんでしょうか…??

というか、、
テンプレート「frestyle」を3カラムにできないでしょうか??

ほんとにいきなりすいません!!

お願いします!!m(><m

失礼しました!!;
Posted at 2010.05.10 (21:54) by PaaanD (URL) | [編集]
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
05 06
Profile

yuu

Author:yuu

名古屋工業大学三年生・男。
無類の猫好き。休日は家でゴロゴロしてる。

Skype ID: cradle-y
E-Mail: quukuu(あっとまーく)gmail.com

» テンプレートの利用規約的なもの

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