0

標準のライトボックスを使用しようとしています。複数の画像を1つの「セット」に追加しようとするまで、すべてが完璧に機能していました。

modなしで標準の構文を使用するだけ

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />

<a href="images/famroom.jpg" rel="lightbox[rooms]" title="Family Room"><img src="images/famroom.jpg" alt="Bedroom" width="250" height="188" class="fltrt"></a>Accommodation</h4>    
<a href="images/twinroom.jpg" rel="lightbox[rooms]" title="Twin Room"></a>
<a href="images/doubleroom.jpg" rel="lightbox[rooms]" title="Double Room"></a>
<a href="images/bathroom.jpg" rel="lightbox[rooms]" title="Bathroom"></a>

上記は機能しません。壊れた画像として表示されます。クリックすると真っ白な画像が表示されます。

ただし、これは（たとえば）正常に機能します。

<a href="images/famroom.jpg" rel="lightbox" title="Family Room"><img src="images/famroom.jpg" alt="Wedding Table" width="250" height="188" class="fltlft"></a>

私がこの問題を抱えている唯一の IE8 (6、7、9 は試していません)。FF と Chrome で完璧に動作します。このページでは他のスクリプトは使用されていません。

4

2 に答える 2

1

私は IE8 でテストしましたが、私の例は機能しているようです。おそらく私の例と比較して、何か見落としていないかどうかを確認してください。

http://jsfiddle.net/n1ck/RcA3a/3/

私が含めています（デモページから取得）：

 <link rel="stylesheet" href="http://lokeshdhakar.com/projects/lightbox2/css/lightbox.css"   type="text/css" media="screen">
 <script src="http://lokeshdhakar.com/projects/lightbox2/js/jquery-1.7.2.min.js"></script>
 <script src="http://lokeshdhakar.com/projects/lightbox2/js/lightbox.js"></script>
于 2012-05-31T00:09:21.830 に答える
0

これには奇妙な解決策がありました。これはローカルでは機能しなかったことがわかりました。

サーバーにアップロードすると、完全に機能しました。

于 2012-06-28T06:13:30.087 に答える