Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не работает fancybox / 3 сообщений из 3, страница 1 из 1
27.01.2017, 21:15
    #39393508
natusik5
natusik5
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
не работает fancybox
Программисты, помогите художнику код исправить, я все сделала по инструкции, а код не работает, не грузится скрипт.
Качала вот с этого сайта скрипт
http://fancyapps.com/fancybox/

<!DOCTYPE HTML>
<html lang="ru">
<head>
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<link rel="stylesheet" href="gallery/scripts/fancybox/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
<script type="text/javascript" src="gallery/scripts/fancybox/jquery-1.10.2.min.js">



<script type='text/javascript'>

$(document).ready(function() {
$('a.photo').fancybox({
padding : 0,
openEffect : 'elastic',
closeBtn: false
});
});
</script>


<meta charset="utf-8">
<title>My pictures</title>
<style>
/* Gallery */
.gallery img{
margin:5px; /* внешние отступы картинок */
border:3px solid #fff; /* рамка картинок */
}
a.photo:hover img{
border:3px solid #034F80; /* изменение цвета рамки при наведении на картинку */
}

</style>
</head>

<body>
<div class="gallery">
<a rel="gallery" class="photo" href="gallery/big/1.jpg" title="Картинка 1"><img src="gallery/small/1.jpg" width="150" height="150" alt="" /></a>
<a rel="gallery" class="photo" href="gallery/big/2.jpg" title="Картинка 2"><img src="gallery/small/2.jpg" width="150" height="150" alt="" /></a>
</div>



</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.01.2017, 07:07
    #39393619
FishHook
FishHook
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
не работает fancybox
natusik5,

А покажите конкретно то месте, где по вашему вы его подключили. Я вижу только jQuery (дважды!!) и какие-то стили. А где же все остальное?

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.01.2017, 09:36
    #39393631
natusik5
natusik5
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
не работает fancybox
FishHook,

Привет, спасибо за ответ! Я вставила, все равно не работает, главное у меня нет папки fancybox в скаченном.
<!DOCTYPE HTML>
<html lang="ru">
<head>
<!-- Add jQuery library -->
<script type="text/javascript" src=" http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.6" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.6"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".photo").fancybox();
});
</script>


<meta charset="utf-8">
<title>My pictures</title>
<style>

/* Gallery */
.gallery img{
margin:5px; /* внешние отступы картинок */
border:3px solid #fff; /* рамка картинок */
}
a.photo:hover img{
border:3px solid #034F80; /* изменение цвета рамки при наведении на картинку */
}

</style>
</head>

<body>

<div class="gallery">
<a rel="gallery" class="photo" href="gallery/big/1.jpg" title="Картинка 1"><img src="gallery/small/1.jpg" width="150" height="150" alt="" /></a>
<a rel="gallery" class="photo" href="gallery/big/2.jpg" title="Картинка 2"><img src="gallery/small/2.jpg" width="150" height="150" alt="" /></a>

</div>

</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не работает fancybox / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]