【问题标题】:Fancybox 2.0 not loading on localhostFancybox 2.0 未在 localhost 上加载
【发布时间】: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


    【解决方案1】:

    尝试访问http://localhost/fancybox/lib/jquery-1.7.1.min.js 并查看是否可以获取该文件。 如果不尝试更改要加载的文件的来源。 确保您对脚本所在的文件夹具有读写权限。

    或将脚本上传到网络服务器并更改源的所有路径,例如:

    src="fancybox/lib/jquery-1.7.1.min.js"

    src="http://www.yourdomain.com/fancybox/lib/jquery-1.7.1.min.js"

    【讨论】:

    猜你喜欢
    • 2013-06-29
    • 1970-01-01
    • 2013-03-25
    • 1970-01-01
    • 2012-07-09
    • 2022-11-08
    • 1970-01-01
    • 1970-01-01
    • 2021-10-06
    相关资源
    最近更新 更多