jqueryライトボックスに画像がロードされない

this lightboxを動作させようとしていますが、私は何が欠けているのかよく分かりません。次のようにjqueryライトボックスに画像がロードされない

私の関連するコードは次のとおりです。

<head> 
    <link href="style.css" rel="stylesheet" type="text/css"> 
    <script type="text/javascript" src="jquery.js"></script>    
    <!-- Lightbox --> 
    <script type="text/javascript" src="jquery.lightbox-0.5.js"></script> 
    <link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" /> 

    <script type="text/javascript"> 
     $(document).ready(function() {   
      $("img.comidas").lightBox(); 
     }); 

    </script>  
</head>

画像がこのようにdisplyedされています

<tr> 
    <td><a href="images/big-boss-adulto.jpg"><img src="images/big-boss-adulto.jpg" width="118" height="170" class="comidas"/></a></td> 
    <td><a href="#"><img src="images/big-boss-cachorro.jpg" width="118" height="170" class="comidas"/></a></td> 
    <td><a href="#"><img src="images/eukanuba-adulto.jpg" width="118" height="170" class="comidas"/></a></td> 
</tr>

（ライトボックスは、最初の画像の上に動作するか私はしようとしています）

問題は次のとおりです。ライトボックスはここで（ローディング部分で）スタックされます：

enter image description here

物事私がチェックしていると私は推測することができること：

すべてのJSとCSSが正しくリンクされており、存在し
ライトボックスのJavaScriptとstyleshitそうなので、正しく動作している：
- スタイルはlighboxが
- 正しいように思えます

私がチェックしたもう一つは、負荷使用していました：

$(window).load(function() {  
    $("img.comidas").lightBox(); 
});

をしかし、同じ問題が持続しているようです。

出典

2011-12-15 Trufa

lightbox()機能では、画像自体の代わりに<a>要素を選択してみてください。

出典

2011-12-15 05:13:13 Aaron

これは正しいです、ありがとうございます！ – Trufa

@トルファに問題はありません。私は助けてくれてうれしいです。 – Aaron

あなたのJSの間違った要素を対象にしています。イメージ自体ではなく、イメージの周りのアンカーリンクをターゲットにする必要があります。

出典

2011-12-15 05:13:21 tw16

答えをどうもありがとう、私はAaronの答えを受け入れたのは数秒前に来たからだ。 :) – Trufa

@ tw16私たちは基本的に同時に答えたので、私はあなたに相違を相殺するupvoteを与えることは公正です。 – Aaron

jqueryライトボックスに画像がロードされない

答えて

関連する問題