Использоване 2 эффектов на jquery

@progressive · Регистрация: 26.03.2010

Студворк — интернет-сервис помощи студентам

Здраствуйте. При верстке сайта я столкнулся с такой проблемой. В шапке используется 2 эффекта на jqury: сам банер анимирован и меню с эффектом подсветки.
По отдельности (меню отдельно от банера) все отлично работает. А вот вместе не хотят.
Пример правильной работы меню: http://www.promosite-design.ru/work/wow/index.html
Пример правильной работы банера: http://www.promosite-design.ru/work/wow/index2.html

Исходный код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Бесплатный русский сервер WoW.</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
 
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript" language="Javascript" src="js/jquery.jparallax.js"></script>
 
<script type="text/javascript">
 
jQuery(document).ready(function(){
 
    jQuery('#parallax').jparallax();
 
 $(function() {
        $('#gallery a').lightBox();
    });
});
 
</script>
 
<script type="text/javascript">
 
$(document).ready(function() {
 
    $("ul#menu li a").wrapInner("<span></span>");
    $("ul#menu li a span").css({"opacity" : 0});
 
    $("ul#menu li a").hover(function(){
    
        $(this).children("span").animate({"opacity" : 1}, 400);
    
    }, function(){
    
        $(this).children("span").animate({"opacity" : 0}, 400);
    
    });
    
});
</script>
 
<script src="jquery-1.2.2.pack.js" type="text/javascript"></script>
 
<!-- Let's do the animation -->
<script type="text/javascript">
    $(function() {
        // set opacity to nill on page load
        $("ul#menu span").css("opacity","0");
        // on mouse over
        $("ul#menu span").hover(function () {
            // animate opacity to full
            $(this).stop().animate({
                opacity: 1
            }, 'slow');
        },
        // on mouse out
        function () {
            // animate opacity to nill
            $(this).stop().animate({
                opacity: 0
            }, 'slow');
        });
    });
</script>
 
</head>
<body>
<div id="top">  
    <div id="head">
     <div id="parallax">
     <img src="img/head4.png" alt="" style="width:800px; height:555px;"/>
     <img src="img/head3.png" alt="" style="width:950px; height:555px;"/>
     <img src="img/head2.png" alt="" style="width:900px; height:555px;"/>
     <img src="img/head1.png" alt="" style="width:800px; height:555px;"/>
     </div>
<ul id="menu">
        <li><a href="#" class="home"><span></span></a></li>
        <li><a href="#" class="acc"><span></span></a></li>
        <li><a href="#" class="forum"><span></span></a></li>
        <li><a href="#" class="files"><span></span></a></li>
        <li><a href="#" class="top"><span></span></a></li>
        <li><a href="#" class="about"><span></span></a></li>
</ul>
    </div>
</div>
</body>
</html>

когда из этого кода удоляю строку 44

HTML5
1
<script src="jquery-1.2.2.pack.js" type="text/javascript"></script>

начинает работать банер.
Я понимаю что проблема в использовании одновременно разных версий jqury, но в Java мало разбираюсь. Знакомого программиста под рукой нет. Помогите пожалуйста решить проблему.

@рони · 01.06.2010, 22:23

попробуй так

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript" language="Javascript" src="js/jquery.jparallax.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
jQuery(document).ready(function(){
$("ul#menu li a").wrapInner("<span></span>");
    $("ul#menu li a span").css({"opacity" : 0});
 
    $("ul#menu li a").hover(function(){
 
        $(this).children("span").animate({"opacity" : 1}, 400);
 
    }, function(){
 
        $(this).children("span").animate({"opacity" : 0}, 400);
 
    });
 // set opacity to nill on page load
        $("ul#menu span").css("opacity","0");
        // on mouse over
        $("ul#menu span").hover(function () {
            // animate opacity to full
            $(this).stop().animate({
                opacity: 1
            }, 'slow');
        },
        // on mouse out
        function () {
            // animate opacity to nill
            $(this).stop().animate({
                opacity: 0
            }, 'slow');
        });
 
  jQuery('#parallax').jparallax();
 
 $(function() {
        $('#gallery a').lightBox();
    });
 
});
//-->
</script>

все свои скрипты замени на это

@etalord · 01.06.2010, 23:48

чё-то я не заметил разницы между двумя ссылками: меню анимировано на обоих, а баннер нет

согласен с рони, на кой ляд подключать две библиотеки разных версий, они между собой точно конфликтовать будут. юзай наиболее новую версию

@progressive · 02.06.2010, 00:31 **[ТС]**

Сообщение от varassa

чё-то я не заметил разницы между двумя ссылками: меню анимировано на обоих, а баннер нет

я в ссылках ошибся. Вот так правильно:
Пример правильной работы меню: http://www.promosite-design.ru/work/wow/index.html
Пример правильной работы банера: http://www.promosite-design.ru... ndex2.html

P.S. Всем большое спасибо, советы помогли. Все заработало.

@рони · 02.06.2010, 08:40

ещё строки

JavaScript
1
2
3
$(function() {
        $('#gallery a').lightBox();
    });

возможно лишние обьекта с таким id на страницах нет

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	01.06.2010, 23:48
	чё-то я не заметил разницы между двумя ссылками: меню анимировано на обоих, а баннер нет согласен с рони, на кой ляд подключать две библиотеки разных версий, они между собой точно конфликтовать будут. юзай наиболее новую версию 0