jQuery版のlightbox.jsについての質問です。

質問

jQuery版のlightbox.jsについての質問です。

配布元：http://leandrovieira.com/projects/jquery/lightbox/

お客さまから、1つの画像から複数の拡大画像にリンクさせたいという要望があって困っています。

a要素に「lightbox」というclassが指定されているとlightboxが動くようになっており、
お客様の方で下記のソースコードで一応実現できているようなのですが
バリデータでエラーがあるのでもっと良いやり方はないか、というご要望です。

<a href="拡大画像1" class="lightox"><img src="縮小画像1"></a>
<a href="拡大画像2" class="lightox"></a>
<a href="拡大画像3" class="lightox"></a>

上記のソースで、縮小画像1をクリックすると拡大画像1に「next」が付いて次の拡大画像も表示出来るようになりますが、1つ目以外のa要素が当然空になるので文法上よくない状態です。

文法もおかしくなく、1つの縮小画像から複数の拡大画像を表示していくことは可能でしょうか。
JavaScriptに詳しい方、方法をご存じの方がいらっしゃいましたら、教えていただけるとありがたいです。

よろしくお願いいたします。

回答No.2

fujillin

例えば、ご提示の配布元のサンプルデータだと、img のalt属性が空であるとの警告がでますが、それは修正するものとして…
リンクタグの内容が空だという警告をなくしたいのなら、

サンプルソースではa要素内の設定はされていますから、それに
　#gallery a img { display:none; }
を追加すれば、当然、全部の画像が表示されなくなります。
同様にして、どれか一つの画像だけ表示するようにしてあげればいいだけでは？

回答No.1

神崎 渉瑠（@taloo）

> バリデータでエラーがあるのでもっと良いやり方はないか、というご要望です。

lightbox以外の部分でエラーが出てるだけではないでしょうか？