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


× Быстрый вопрос
Пользователь месяца
Olya23 Olya23 1-й за Июнь
Очков активности: 1 278 3 темы, 133 сообщения, 6 баллов репутации
ТОП самых активных за этот месяц
  • Фотография web-coder
    #1

    web-coder (good-hoster.ru)
    Очков активности: 850.5 0 тем, 63 сообщения, 9 баллов репутации

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

    Rodiola (rukodelkovo.ru)
    Очков активности: 201 1 тема, 64 сообщения, 2 балла репутации

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

    FIvYUr (moy-evroopt.ru)
    Очков активности: 84 1 тема, 25 сообщений, 2 балла репутации

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

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

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

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 63 1 тема, 18 сообщений, 2 балла репутации

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

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

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

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

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

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

  • Фотография лоуренс
    #9

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

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

    WGN (worldgamenews.com)
    Очков активности: 21 1 тема, 11 сообщений, 1 балл репутации

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


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

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

 

 

  • 0

#2 borockov

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

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

т пример

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



Похожие темы

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

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