• ベストアンサー

タグのキレイなスライドショーjavascript

多分一番一般的であろうと思われるlightboxを利用して、スライドショーをサイトに貼っています。  しかし、htmlをチェックするコチラ↓ http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html のサイトで確認したところ、 <A> の属性 `TARGET` はあまり薦められない属性です。 <DIV> を 59行目の <A>~</A> 内に書くことはできません。 の二つのエラーが出て、トータルでマイナス50点になってしまいました。 エラーの出ない、つまり正しい記述で簡単にスライドショーを設置できる方法をご存知の方、ぜひ教えてくださいませんか。

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

それはLightboxの問題ではなく、 あくまでhtmlの書き方の問題です。 エラーが出ないようなhtmlを書いても、Lightboxの動作には支障がないはずです。 (Lightboxの配布元をはじめ、利用している多くのサイトでそのようなエラーは出ていません。) どこかのサンプルを見て自分のサイトに適用するときに、なんらかのミスをしてしまったのでは?

cottonfeel
質問者

お礼

ご回答ありがとうございます。 え、ほんとですか! よくみたら、私が使っているのはlightboxではなくてLiteboxでした。 サムネイルは1枚にしていますので、該当箇所は、 <a href="a.gif" target="_blank" title="aaa" rel="lightbox[no1]"><img src="samuneiru.gif" alt="no1"></a> <a href="b.gif" target="_blank" title="bbb" rel="lightbox[no1]"><div class="hide"><img src="blank.png" alt="blank" ></div></a> <a href="c.gif" target="_blank" title="ccc" rel="lightbox[no1]"><div class="hide"><img src="blank.png" alt="blank" ></div></a> ・・・ と続いてい来ます。 本家のLightboxのhtmlも確認してみます。 ありがとうございました。

その他の回答 (1)

回答No.2

lintが厳しすぎるだけです。 例えば「target」属性はリンクを新しいウインドウで開くかどうかを設定するものですが、 なぜそれがマイナスになるかというと「新しいウインドウで開くかどうかはユーザーの自由。運営者が強要してはいけない」というだけです。 私の予想ですが、 <a>~</a>内にdivを入れてはいけないというのは、 <a>がインラインで、divがボックスというだけの理由でしょう。 どのブラウザでも正しく表示されるはずです。 特に気にすることはないでしょう。

関連するQ&A

専門家に質問してみよう