Я работаю над сайтом, использующим Dreamweaver CS5, и пытаюсь загрузить Fancybox 2.0.4 на Dreamweaver CS5, пока работаю над сайтом на моем локальном хосте, используя Live view, но безрезультатно.Кроме того, Fancybox не будет загружаться в той же среде локального хоста с использованием любого браузера (Safari, Firefox, Chrome, Opera).Тем не менее, когда я загружаю страницу на удаленный веб-сайт, он работает отлично.Я использую MAMP в качестве локального сервера на MAC OS X Lion.Я бился головой по нескольку недель и не нашел решения.Любая помощь будет оценена.Ниже приведена копия кода, который я использую (скопированный с веб-сайта 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>