Перейти к содержимому



Пожалуйста помогите поставить два скрипта на одну страницу

#1 Eygenyggg
Eygenyggg
  • Неактивные
  • 1 сообщений
  • Репутация: 0
0

Отправлено 01 Апрель 2013 - 21:00

Здравствуйте! Пожалуйста помогите поставить два скрипта на одну страницу, FancyZoom - аналог лайтбокса и галерею. По отдельности они работают а вот вместе никак.
Если между тегов <head></head> стоит последним скрипт FancyZoom то он и работает и наоборот.
Вот пример (Здесь работает FancyZoom):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Fancy Zoom</title>
						  <!--Скрипт Гелреи Начало-->
<script src="gallery/mootools.v1.11.js" type="text/javascript"></script>
<script src="gallery/jd.gallery.js" type="text/javascript"></script>
<link rel="stylesheet" href="gallery/jd.gallery.css" type="text/css" media="screen" />
								 <!--Скрипт Гелреи Конец-->
				   <!--Скрипт FancyZoom Начало-->
	<script type="text/javascript" src="js/jQuery 1.2.6.js"></script>
<script type="text/javascript" src="js/fancyzoom.min.js"></script>
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
   $('div.photo a').fancyZoom({scaleImg: true, closeOnClick: true});
   $('#medium_box_link').fancyZoom({width:400, height:300});
   });
</script>
					 <!--Скрипт FancyZoom Конец-->
</head>
<body>
<!--FancyZoom Начало-->
<p>Нажмите на картинку</p>
   <div class="photo">
	<a href="#github">
	 <img src="images/midle6.jpg" alt="Github helmet" />
	</a>
		 </div>
   <div class="photo">
	<a href="#hotdog">
	 <img src="2m.jpg" alt="Github helmet" />
	</a>
   </div>
   <div class="photo">
	<a href="#turtles">
	 <img src="3m.jpg" alt="Github helmet" />
	</a>
   </div>
   <div id="github">
	<img src="images/big6.jpg" alt="helmet" />
		 </div>
   <div id="hotdog">
	<img src="2.jpg" alt="Hot dog" />
   </div>
   <div id="turtles">
	<img src="3.jpg" alt="Turtles" />
	<p id="turtles_caption">It's true, they do bite!</p>
   </div>
<!--FancyZoom Конец-->		  
   <!--Галерея Начало-->
		   <script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: false
});
}
window.addEvent('domready', startGallery);
</script>
<div id="myGallery">
<div class="imageElement">
<!-- Название-->
<h3>Фото 1</h3>
<!--Описание-->
<p></p>
<!-- Ссылка на большое изображение-->
<a href="gallery/images/big1.jpg" title="Открыть фото (в этой же вкладке)" class="open" target="_blank"></a>
<!-- Ссылка на среднее изображение-->
<img src="gallery/images/middle1.jpg" class="full" />
<!-- Ссылка на миниатюру-->
<img src="gallery/images/mini1.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<!-- Название-->
<h3>Фото 2</h3>
<!--Описание-->
<p></p>
<!-- Ссылка на большое изображение-->
<a href="gallery/images/big2.jpg" title="open image" class="open" target="_blank"></a>
<!-- Ссылка на среднее изображение-->
<img src="gallery/images/middle2.jpg" class="full" />
<!-- Ссылка на миниатюру-->
<img src="gallery/images/mini2.jpg" class="thumbnail" />
</div>
</div>
<!--Галерея Конец-->  
</body>
</html>
Помогите пожалуйста сделать так чтобы работала и галерея и FancyZoom (Если хто не знает что такое FancyZoom, то могу скинуть ссылку на инструкцию...)

Прикрепленные файлы

  • Прикрепленный файл  primer.html   3,33К   Количество загрузок: 179

 

 

  • 0

#2 borockov
borockov
  • Неактивные
  • 124 сообщений
  • Репутация: 7

Отправлено 03 Апрель 2013 - 09:05

т пример

Ничего работающего я не увидил
  • 0



Похожие темы
  Название темы Автор Статистика Последнее сообщение

× Быстрый вопрос
Пользователь месяца
Rodiola Rodiola 1-й за Август
Очков активности: 1 552 3 темы, 106 сообщений, 9 баллов репутации
Сайт: rukodelkovo.ru
ТОП самых активных за этот месяц
  • Фотография MattCutts
    #1

    MattCutts (dmitrylee.ru)
    Очков активности: 954 6 тем, 88 сообщений, 6 баллов репутации

  • Фотография Андрей WPM
    #2

    Андрей WPM (wpmaster.kz)
    Очков активности: 564 Вне конкурса за определение пользователя месяца

  • Фотография lena220678
    #3

    lena220678
    Очков активности: 43.5 2 темы, 23 сообщения, 1 балл репутации

  • Фотография Chaser
    #4

    Chaser (majento.ru)
    Очков активности: 33 1 тема, 8 сообщений, 2 балла репутации

  • Фотография maxnik
    #5

    maxnik (konovalovpavel.ru)
    Очков активности: 30 0 тем, 10 сообщений, 2 балла репутации

  • Фотография BLIK
    #6

    BLIK
    Очков активности: 27 0 тем, 18 сообщений, 1 балл репутации

  • Фотография Megoydagi
    #7

    Megoydagi (24ho.ru)
    Очков активности: 25.5 2 темы, 11 сообщений, 1 балл репутации

  • Фотография Rodiola
    #8

    Rodiola (rukodelkovo.ru)
    Очков активности: 24 Вне конкурса за определение пользователя месяца

  • Фотография Constantine
    #9

    Constantine (constantine.video.blog)
    Очков активности: 19.5 2 темы, 7 сообщений, 1 балл репутации

  • Фотография NataliaAntalia
    #10

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 15 0 тем, 10 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 27.08.2019
  • Яндекс выдача: 20.09.2019
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru