ku
テンプレ配ったりとか。
自動的にLightboxで表示する
- Posted at 2010.05.18
- lfrestyle
Lightboxを使うで書いたようにfrestyleではLightboxに標準で対応してますが、記事を書くたびにいちいちコードを追加しなければならないのでめんどくさくてめんどくさくて・・・。
ってことでそんなめんどくさい作業しないでも自動的にLightboxで表示してくれるようにするプログラム作りました。
使い方は、HTMLの該当箇所を1箇所修正するだけです。
<script type="text/javascript" src="http://blog-imgs-44.fc2.com/y/k/u/ykuu/lightbox.js"></script>
HTMLの19行目あたりにある↑のコードを
<script type="text/javascript" src="http://blog-imgs-44.fc2.com/y/k/u/ykuu/lightbox2_frestyle.js"></script>
↑このコードにするだけです。
あと、Lightboxで表示したくない画像がある場合には、その画像のリンクにrel="none"
を追加してやればいいです。
スポンサーサイト
修正および要望への対応版アップ
- Posted at 2010.05.17
- lfrestyle
細かい表示の修正および要望への対応版をアップしました。
気になる方はお手数ですが一度テンプレートを削除して再度ダウンロードしてください。
主な修正・追加点は以下のとおりです。
- archives.html(全記事表示一覧)のサイトマップ化。
- ページナビにHOMEを簡単に追加できるように修正・追加。
それに伴い基本的なカスタマイズ(frestyle)を更新。 - page-x.htmlを開いたときにタイトルに表示される「-」の消去。
- 初期状態ではコメントタイトルの表示を有効に。
簡易コメント?
- Posted at 2010.05.11
- l日記
知らないうちにテンプレート用の変数追加されてたので、それ使って遊んでみたw
コメントついてる記事の (COMMENT) ってのをクリックすると簡易コメントがスライドして出てくるようにしました。
エキサイトブログだったかどっかでそんな感じのこと出来たからやってみたかったんです^^;
好評だったらやり方とか公開するかも?
コメントついてる記事の (COMMENT) ってのをクリックすると簡易コメントがスライドして出てくるようにしました。
エキサイトブログだったかどっかでそんな感じのこと出来たからやってみたかったんです^^;
好評だったらやり方とか公開するかも?
不具合修正1 (frestyle)
- Posted at 2010.05.11
- lfrestyle
公開されて間もないですが、たくさんのダウンロードとコメントありがとー。
早速で悪いんだけど、コメントくれた方々のブログを拝見してたら、
1ヶ所不具合見つけたので修正しておきました。(2010-05-11 01:42頃修正適用)
具体的には、トラックバックを受け付けない設定にしていると、
(COMMENT) (TRACKBACK)って並んでるところの (COMMENT) が下にある点線にかぶさる不具合です。
お手数ですがトラックバック受け付けない設定にしたりする人は一度削除してダウンロードし直してください。
それ以外の方はそのままお使いいただいてても問題ないと思いますー。
早速で悪いんだけど、コメントくれた方々のブログを拝見してたら、
1ヶ所不具合見つけたので修正しておきました。(2010-05-11 01:42頃修正適用)
具体的には、トラックバックを受け付けない設定にしていると、
(COMMENT) (TRACKBACK)って並んでるところの (COMMENT) が下にある点線にかぶさる不具合です。
お手数ですがトラックバック受け付けない設定にしたりする人は一度削除してダウンロードし直してください。
それ以外の方はそのままお使いいただいてても問題ないと思いますー。
Lightboxを使う(frestyle)
- Posted at 2010.05.09
- lfrestyle
frestyleは標準でLightboxに対応しているので、
↑クリックしてみてください。
こんな感じに小さい画像クリックで大きい画像をその場で表示するみたいなことが出来ます。
使い方は、画像を貼ると出てくるタグ
あと補足で、画像をグループ化というか「NEXT」をクリックすると次の画像へ、「PREV」をクリックすると前の画像へ・・・みたいなことがやりたい場合には、
追記(2010-05-18):「こんなコード追加するのめんど~い」っていう人のために、普通に記事書いたら自動的に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で表示してくれるプログラム書きました。