【发布时间】：2012-02-12 17:51:37
【问题描述】：
我正在使用 Dreamweaver CS5 开发网站，并且尝试在 Dreamweaver CS5 上加载 Fancybox 2.0.4，同时使用实时视图在本地主机上的网站上工作，但无济于事。此外，Fancybox 不会使用任何浏览器（Safari、Firefox、Chrome、Opera）在相同的 localhost 环境中加载。但是，当我将页面加载到远程网站时，ti 工作得很好。我在 MAC OS X Lion 上使用 MAMP 作为我的本地主机服务器。我已经敲了几个星期的头，还没有找到解决办法。任何帮助将不胜感激。下面是我正在使用的代码副本（出于测试目的从 fancybox 网站复制）测试了我的理论，即当它在远程服务器上运行时，fancybox 无法在本地主机上运行，具有相同代码运行的网站是 http://www.gabrielelopez.com/Untitled-1.html
提前感谢您的帮助，
<!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>
【问题讨论】：
标签： fancybox localhost loading dreamweaver mamp