jQuery LightBox Plugin動かず

解決済

質問者：tekkenman7
質問日時：2011/01/24 21:49
回答数：1件

複数の画像をLightBoxで表示したくて
http://shanabrian.com/web/library/jlightbox.php# …
のページ参考にテストしてみました。紹介されてるダウンロードページからデータを取得し、
解凍後、css、images、jsディレクトリを適用するファイルと同じディレクトリに設置しました。

そしてJavaScriptおよびCSSをhead内にコピーし
a要素にrel="lightbox"を追加

これで完了のはずですが、しかし動作しません。
画像のページが開いてしまいます。なぜ動かないのでしょうか？

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>テスト</title>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>

</head>
<body>
<a href="images/sample1.jpg" rel="lightbox"><img src="photos/image1.jpg" width="200" height="300"></a>
<a href="images/sample2.jpg" rel="lightbox"><img src="photos/image2.jpg" width="200" height="300"></a>
<a href="images/sample3.jpg" rel="lightbox"><img src="photos/image3.jpg" width="200" height="300"></a>
</body>
</html>

お願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： my--
回答日時：2011/01/24 22:25

<div id="gallery"> ～ </div>

ですよね。

http://semooh.jp/jquery/api/selectors/

- 0
- 件

通報する

この回答へのお礼

有難うございます。
できました。

また、他の方法も見つけました。
rel"lightbox[group]"というふうにしたらできました。

<a href="images/sample1.jpg" rel="lightbox[group]"><img src="photos/image1.jpg" width="200" height="300"></a>
<a href="images/sample2.jpg" rel="lightbox[group]"><img src="photos/image2.jpg" width="200" height="300"></a>
<a href="images/sample3.jpg" rel="lightbox[group]"><img src="photos/image3.jpg" width="200" height="300"></a>

通報する

お礼日時：2011/01/29 04:40

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！