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



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

#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К   Количество загрузок: 143

 

 

  • 0

#2 borockov

borockov
  • Пользователь
  • 102 сообщений
  • Репутация: 5

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

т пример

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


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