カミジン@ファンタの平穏な日常 Blog

パソコン・カメラ・アニメがないと3日持ちません。そんな学生のダラダラ日記。

イラスト:con_cen_t

0LightBox導入しました

カテゴリー:未分類

拡大できるサイズの写真にはLightBoxを適応していきます(`・ω・´)

LightBoxってなに?って言う方は下の画像クリックしてくださいー
昨日上げた写真ですがw
_DSC3868-2.jpg

導入方法は「http://www.huddletogether.com/projects/lightbox2/」のホームページに行き、DLしてUPります。
CSSとJSを読み込むためにheadに以下のコードを書きます

<link rel="stylesheet" href="http://blog.kamijin-fanta.info/java-script/lightbox2.04/css/lightbox.css" type="text/css" media="screen" />
<script src="http://blog.kamijin-fanta.info/java-script/lightbox2.04/js/prototype.js" type="text/javascript"></script>
<script src="http://blog.kamijin-fanta.info/java-script/lightbox2.04/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="http://blog.kamijin-fanta.info/java-script/lightbox2.04/js/lightbox.js" type="text/javascript"></script>

パスは必要に応じて書き換えてください。

画像のパス変更などについてのカスタマイズは以下のサイトが詳しくわかりやすいのでそちらを御覧ください。
http://www.css-lecture.com/log/javascript/011.html

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>