2012-02-12 113 views
0

我正在使用Dreamweaver CS5的網站上工作,我正嘗試在Dreamweaver CS5上加載Fancybox 2.0.4,同時在我的本地主機上使用實時視圖無效時在網站上工作。此外Fancybox不會使用任何瀏覽器(Safari,Firefox,Chrome,Opera)加載到同一本地主機環境中。但是,當我將頁面加載到遠程網站時,ti完美地工作。我在MAC OS X Lion上使用MAMP作爲我的本地主機服務器。我幾個星期來一直在抨擊我的頭腦,並沒有找到解決辦法。任何幫助將不勝感激。在我正在使用的代碼副本(從fancybox網站上覆制以用於測試目的)測試我的理論,說明fancybox在遠程服務器上工作時不在本地主機上運行,​​使用相同代碼工作的網站是http://www.gabrielelopez.com/Untitled-1.htmlFancybox 2.0無法在本地主機上加載

預先感謝您的任何幫助,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 


<!-- Add jQuery library --> 
<script type="text/javascript" language="JavaScript" src="fancybox/lib/jquery-1.7.1.min.js"> </script> 

<!-- Add mousewheel plugin (this is optional) --> 
<script type="text/javascript" language="JavaScript" src="fancybox/lib/jquery.mousewheel- 3.0.6.pack.js"></script> 

<!-- Add fancyBox main JS and CSS files --> 
<script type="text/javascript" language="JavaScript" src="fancybox/source/jquery.fancybox.pack.js"></script> 

<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css" media="screen" /> 

<!-- Add fancyBox - button helper (this is optional) --> 
<link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-buttons.css" /> 

<script type="text/javascript" language="JavaScript" src="fancybox/source/helpers/jquery.fancybox-buttons.js"></script> 

<!-- Add fancyBox - thumbnail helper (this is optional) --> 
<link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-thumbs.css" /> 
<script type="text/javascript" language="JavaScript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
$(".various").fancybox({ 
    maxWidth : 800, 
    maxHeight : 600, 
    fitToView : false, 
    width  : '70%', 
    height  : '70%', 
    autoSize : false, 
    closeClick : false, 
    openEffect : 'none', 
    closeEffect : 'none', 
    type : 'iframe', 
}); 
}); 
</script> 
</head> 

<body> 


<a class="various fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1">Youtube (iframe)</a> 

回答

0

嘗試訪問http://localhost/fancybox/lib/jquery-1.7.1.min.js,看看你能得到的文件。 如果不嘗試更改要加載的文件的來源。 確保您已經閱讀&寫權限的腳本是在文件夾

或上傳腳本Web服務器和更改所有路徑,如來源:

SRC =「的fancybox/lib目錄/ jquery- 1.7.1.min.js」

SRC = 「http://www.yourdomain.com/fancybox/lib/jquery-1.7.1.min.js」

+0

嘿亞歷克斯,感謝您的及時回覆,但不幸的是我無法訪問http:// localhos t/fancybox/lib/jquery-1.7.1.min.js文件未找到,並且文件在那裏,還檢查了文件夾的權限,它們都是讀取和寫入的。並將src =「fancybox/lib/jquery-1.7.1.min.js」更改爲src =「http://www.gabrielelopez.com/fancybox/lib/jquery-1.7.1.min.js」或http: //ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js沒有幫助我的案例...您有其他想法嗎? – 2012-02-12 22:08:45

相關問題