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


Конкурс "Лучший отзовик"
× Быстрый вопрос
Пользователь месяца
ShowPrint ShowPrint 1-й за Март
Очков активности: 1 152 1 тема, 61 сообщение, 12 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Андрей WPMasterKZ
    #1

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

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

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

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

    Vmir
    Очков активности: 528 4 темы, 32 сообщения, 8 баллов репутации

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

    Mandarin
    Очков активности: 246 7 тем, 20 сообщений, 4 балла репутации

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

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

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

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

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

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

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

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

  • Фотография re-search
    #9

    re-search
    Очков активности: 49.5 7 тем, 12 сообщений, 1 балл репутации

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

    Constantine
    Очков активности: 39 4 темы, 14 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 20.04.2019
  • Яндекс выдача: 21.04.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