jquery & lightbox or lightpop

‘

jqueryとlightboxor lightpopを突っ込んでみた。意外と時間かかったなぁ〜。疲れました。
やったことは以下の通り。

まず、jqueryとlightpopを突っ込んどく。
次に、headに下記を書き加える。

1. <script type=”text/javascript” src=”js/jquery.js”></script>
2. <script type=”text/javascript” src=”js/jquery.lightpop-0.7.4.js”></script>
3. <script type=”text/javascript”>
4. $function {
5. // <a href=”http://hogehoge/” rel=”lightbox”> な要素
6. $”a[rel*=lightbox]”.lightpop;
7. // <a href=”http://hogehoge/” class=”lightpop”> な要素
8. $”a.lightpop”.lightpop;
9. // 画像ファイルへのリンク
10. $”a[href$=.jpg]、 a[href$=.gif]、 a[href$=.png]”.lightpop;
11. // YouTube へのリンク
12. $”a[href*=.youtube.com/watch]”.lightpop;
13. };</script>

はまったのは、３行目以降もヘッダに書かないといけない、ということ。書いてなかったんではまっちゃいました。とほほ。

お蔭様で、右画像をクリックすると、lightboxします。まだなんか変だけど、寝てから考えるっす。

大変参考＆御世話になったURL。

http://jquery.com/

http://dogmap.jp/2007/12/22/jquerylightpopjs/

‘