我正在使用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>
嘿亞歷克斯,感謝您的及時回覆,但不幸的是我無法訪問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