2012-01-20 20 views
0

我試圖做的fancybox的圖像組(我還使用Twitter的引導等)誤差的fancybox分組元素(請求的內容不能被加載)

但是我得到以下錯誤,當在的fancybox 「彈出」 出現:

The requested content cannot be loaded. 
Please try again later. 

下面是反映我的問題測試用例:

<!DOCTYPE HTML> 

<html> 
    <head> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
     <title>Test</title> 
     <link href="scripts/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet "type="text/css" media="screen"/> 
    </head> 
    <body> 
     <ul> 
      <li> 
       <a class="grouped_elements" rel="group1" href="#"> 
        <img class="thumbnail" src="http://placehold.it/90x90" alt> 
       </a> 
      </li> 
      <li> 
       <a class="grouped_elements" rel="group1" href="#"> 
        <img class="thumbnail" src="http://placehold.it/90x90" alt> 
       </a> 
      </li> 
      <li> 
       <a class="grouped_elements" rel="group1" href="#"> 
        <img class="thumbnail" src="http://placehold.it/90x90" alt> 
       </a> 
      </li> 
     </ul> 
     <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
     <script type="text/javascript" charset="utf-8" src="scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
     <script type="text/javascript" charset="utf-8"> 
      $(document).ready(function(){ 
        $(".thumbnail").click(function(){ 
         $("a.grouped_elements").fancybox(); 
         }); 
        }); 
     </script> 
    </body> 
</html> 

任何想法?

+0

你有沒有注意到你錯過了'ul'或'在你'li'的ol'? –

+0

YEah我做了哈哈,謝謝。在我的原始HTML我沒有錯誤(該死的剪切和粘貼) – Goles

回答

1

嘗試將HREF設定畫面是這樣的:

 <a class="grouped_elements" rel="group1" href="http://placehold.it/90x90_BIG.jpg""> 
      <img class="thumbnail" src="http://placehold.it/90x90" alt> 
     </a> 
相關問題