Fancybox 2.0 не загружается на локальный хост - PullRequest
Новая
       33

Fancybox 2.0 не загружается на локальный хост

0 голосов
/ 12 февраля 2012

Я работаю над сайтом, использующим 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>

1 Ответ

0 голосов
/ 12 февраля 2012

Попробуйте получить доступ к 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"

...