WEB修行とMovabletype

「lightbox.js」をためしてみる。

「lightbox.js」を試みる。
最近よく見る、写真サムネイルのリンク先をかっこよく表示する、あれです。
下のサムネイルをクリックすると、クールな感じで写真が表示されます。ふむふむ。

やり方は意外とカンタンで。下記サイトからファイルをDLし、
こちら→http://www.huddletogether.com/projects/lightbox/
全部「index.html」のあるフォルダへほうり込む。(でもこれ、フォルダつくって管理したほうがよさそうにも思う)
そのあとに、head部分へ、jsファイルとcssファイルへのリンクを
<script type=”text/javascript” src=”<$MTBlogURL$>lightbox.js”></script>
<link rel=”stylesheet” href=”<$MTBlogURL$>lightbox.css” type=”text/css” />
こんな感じで書いてあげる。
これとflickを連携させて、blogに写真ストリームなんか作ったら楽しいだろな。
MTにのせるときは、ちょっと修正が必要です。
小粋空間、で説明されていますよ。
http://www.koikikukan.com/archives/2006/01/15-235506.php
6/7追記:
そやそや、画像のソースに「 rel=”lightbox”」て指定しないとだめです。

Previous Post Next Post

You may also like

3 Comments

  • Reply masato

    始めまして、趣味でWebサイト構築しているものです。
    最近ようやっと、JavaやCSSを使うようになりました。
    まだ、全然使いこなせてないですが
    色んなページを見たり、ソースを頂戴しながら、作っています。
    この、写真を魅せるJAVAはいいっすね!!
    かっこいい!!flashみたいです。
    でも、あんまりJAVAとか使いすぎると
    Webページが重くならないですかね?
    その辺が気になりますが、加減が良くわからないですね。

    2006年8月3日 at 2:52 AM
  • Reply dk45

    >masatoさま
    こんにちは、コメントありがとうございます。サイト拝見しました、素敵なグラフィックですね!
    私はJavaスクリプトとかよく分からないのですが(汗)たくさん使うと重たいんでしょうか・・・やっぱり。lightbox.jsはそんなに重たくないような気がしますし、導入も簡単でgoodです。

    2006年8月8日 at 6:19 AM
  • Reply masato

    レスありがとうございます。
    グラフィック。色塗り苦手なのでもう少し
    きちんと描けるようになりたいです(^_^;)
    Javaは、はっきり言って自分もたいして
    わかりませんw
    よく、人のWebサイトから拝借したりしてます。
    lightbox.jsみたく、外部ファイルにしてしまえば、軽いのかもしれませんが・・・・。
    また、flashの方が軽い気がします。
    まだまだ勉強中で、CSSとかも最近試しています。
    最近、転職を考えているのですが
    Webサイト作成もやってみたいっすね。

    2006年8月13日 at 3:53 AM
  • dk45 へ返信する Cancel Reply