2012-02-12 4 views
0

Я работаю над сайтом с использованием Dreamweaver CS5, и я пытаюсь загрузить Fancybox 2.0.4 на Dreamweaver cs5, работая на веб-сайте на своем локальном хосте, используя Live view, безрезультатно. Кроме того, Fancybox не будет загружаться в одну локальную среду с использованием любого браузера (Safari, Firefox, Chrome, Opera). Однако, когда я загружаю страницу на удаленный сайт, ti отлично работает. Я использую MAMP в качестве моего локального сервера на MAC OS X Lion. Я несколько недель стучал головой и не нашел решения. Любая помощь будет оценена. Ниже копии кода, который я использую (скопированный с веб-сайта fancybox для тестирования), который протестировал мою теорию о том, что fancybox не работает на localhost, пока он работает на удаленном сервере, веб-сайт с таким же кодом работает http://www.gabrielelopez.com/Untitled-1.htmlFancybox 2.0 не загружается на localhost

Спасибо заранее за любую помощь,

<!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> 

ответ

0

Попробуйте получить доступ http://localhost/fancybox/lib/jquery-1.7.1.min.js и посмотреть, если вы можете получить файл. Если вы не пытаетесь изменить источник файлов, которые хотите загрузить. Убедитесь, что вы прочитали & разрешения на запись для папки сценариев находятся в

или загружать скрипты на веб-сервер и изменить все пути к источникам, как:.

SRC = "FancyBox/Библиотека/jquery- 1.7.1.min.js»

в

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

+0

Эй Алекс, спасибо за ваш быстрый ответ, но, к сожалению, я не смог получить доступ к 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 ничего не помогло в моем случае ... есть ли у вас другие идеи? –

Смежные вопросы