Добро пожаловать на форум вебмастеров и оптимизаторов! Уже зарегистрированным пользователям, предлагаем войти, а гостям зарегистрироваться войти или зарегистрироваться
 
Reply to this topicStart new topic
> Помогите, Прошу Пожалуйста Связать Два Скрипта, Пожалуйста помогите мне связать два скрипта, слайдшоу и FancyZoom,плиз
Eygenyggg
сообщение 1.4.2013, 21:15 ·
Сообщение #1
Здравствуйте! Помогите пожалуйста связать два скрипта: FancyZoom и слайдшоу.

Как поставить знаю а как связать нет, работет то один скрипт то другой. Если в теге <head></head> прописать последним скрипт слайдшоу то на сайте работает слайдшоу и на оборот.

Ниже кидаю код (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" />
<!--Скрипт Гелреи Конец-->

<!--Скрипт Высвечивающихся картинок Начало-->
<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>
<!--Скрипт Высвечивающихся картинок Конец-->
</head>


<body>
<!--Высвечивающиеся Картинки Начало-->
<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>
<!--Высвечивающиеся Картинки Конец-->


<!--Галерея Начало-->
<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>


Go to the top of the page
Вставить ник
+Quote Post
Eygenyggg
сообщение 1.4.2013, 21:30 ·
Сообщение #2
p.s
В данном случае работает 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>
<!--Скрипт Высвечивающихся картинок Конец-->
Go to the top of the page
Вставить ник
+Quote Post
gena
сообщение 3.4.2013, 20:44 ·
Сообщение #3
если я вас правильно понял, то нужно править сам код скрипта, а не выводящий код. опять же один код написан на jQuery, а второй на яваскрипте (может они конфликтуют на уровне кода)

п.с. проще написать скрипт с нуля, если что обращайтесь с вознаграждением, а там подумаем
Go to the top of the page
Вставить ник
+Quote Post

Fast ReplyReply to this topicStart new topic

 


Яндекс.Метрика