2015-10-13 81 views
0
<div class="img"> 
    <a href="images/foto4.jpg"> 
     <img src="images/foto4.jpg" width="140" height="100" class="foto"> 
    </a> 
</div> 

<script> 
(function(){ 
    $('.foto').fancybox(); 
}) 
</script> 

我已經安裝了一切,在本教程中,但是當我點擊圖片,我得到的fancybox「請求的內容不能被載入」

請求的內容不能被加載。 請稍後再試。

有什麼建議嗎?

+0

是那些空間(如'

+0

另外,上面的代碼中沒有任何內容,其id爲'foto',所以'$('#foto')。fancybox();'行保證有問題。 –

+0

空格不在代碼中,同樣的東西沒有$('#foto')。fancybox();行 – Pietras9

回答

0

您的代碼應該工作,但並不完美這裏你的類應該在tag

<a href="images/foto4.jpg" class="foto"> <!--class foo added in here--> 
     <img src="images/foto4.jpg" width="140" height="100"> <!--class foo removed--> 
</a> 

現在,如果你仍然面臨這個問題請檢查您的圖片時,它彈出。它是否正確地獲取目錄?更好的是你可以檢查它保持圖像沒有任何文件夾。

注意:這裏花哨的彈出窗口會顯示您的a href圖像。

詳情參見example

相關問題