2009年7月6日月曜日

Javascript:lightboxを導入してみる

まだまだJS初心者なので
カスタマイズができませぬ。。。( ̄д ̄;)

将来的に自分で構築できることを前提に
今回はCSS Lectureさんを参考にして
ソースをそのまま頂戴しました ヘ(・_・*ヘ)




①lightbox用cssをインポート。

②head部分に必要なJSをリンク。


以下の5つのJSファイルを使用しないとキチンと表示しない!
  builder.js
  effects.js
  lightbox.js
  prototype.js
  scriptaculous.js


③htmlには以下のソースを使用

<p><a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" alt="" width=" " height=" " /></a></p>


ちなみにCSS Lectureさんは、
背景色やボタンのカスタマイズの方法も公開している
とても親切なサイトです(*´▽`*)

ありがたや~~っ

0 件のコメント: