「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”」て指定しないとだめです。
WEB修行とMovabletype
3 Comments
始めまして、趣味でWebサイト構築しているものです。
2006年8月3日 at 2:52 AM最近ようやっと、JavaやCSSを使うようになりました。
まだ、全然使いこなせてないですが
色んなページを見たり、ソースを頂戴しながら、作っています。
この、写真を魅せるJAVAはいいっすね!!
かっこいい!!flashみたいです。
でも、あんまりJAVAとか使いすぎると
Webページが重くならないですかね?
その辺が気になりますが、加減が良くわからないですね。
>masatoさま
2006年8月8日 at 6:19 AMこんにちは、コメントありがとうございます。サイト拝見しました、素敵なグラフィックですね!
私はJavaスクリプトとかよく分からないのですが(汗)たくさん使うと重たいんでしょうか・・・やっぱり。lightbox.jsはそんなに重たくないような気がしますし、導入も簡単でgoodです。
レスありがとうございます。
2006年8月13日 at 3:53 AMグラフィック。色塗り苦手なのでもう少し
きちんと描けるようになりたいです(^_^;)
Javaは、はっきり言って自分もたいして
わかりませんw
よく、人のWebサイトから拝借したりしてます。
lightbox.jsみたく、外部ファイルにしてしまえば、軽いのかもしれませんが・・・・。
また、flashの方が軽い気がします。
まだまだ勉強中で、CSSとかも最近試しています。
最近、転職を考えているのですが
Webサイト作成もやってみたいっすね。