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



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

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

Обновлено 03 апреля 2013 - 09:05  Отправлено 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



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

Пользователь месяца
BLIK BLIK 1-й за Июль
Очков активности: 81 0 тем, 27 сообщений, 2 балла репутации
ТОП самых активных за этот месяц
  • Фотография Megoydagi
    #1

    Megoydagi (24ho.ru)
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография Уфолог Бова
    #2

    Уфолог Бова
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

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

    heisenberg
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

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

    Artos
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

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

    Irina090
    Очков активности: 9 2 темы, 0 сообщений, 1 балл репутации

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

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

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

    BLIK
    Очков активности: 7.5 Вне конкурса за определение пользователя месяца

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

    kartuzzz
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

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

    sws
    Очков активности: 6 0 тем, 4 сообщения, 1 балл репутации

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

    Totti
    Очков активности: 6 0 тем, 4 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

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