VPF::Конфликт jQuery (смена фона) - Форум программистов

dreamReckless

Дата 29.12.2012, 01:22 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 4.12.2011

Репутация: нет
Всего: 0

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

Код




<img  src="" alt="background" id="bg" style="display:none" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript" class="noprint">
    var aImages = new Array();
    var aURL = new Array();
    var aArtists = new Array();
    var iPrev = -1;
    var iRnd = -1;
    
    aImages[0] = "fone1.jpg";
    aImages[1] = "fone2.jpg";
    aImages[2] = "fone3.jpg";
    aImages[3] = "fone4.jpg";
    aImages[4] = "fone5.jpg";
    aImages[5] = "fone6.jpg";
    aImages[6] = "fone7.jpg";
    aImages[7] = "fone8.jpg";
        
    


    $(document).ready(function() {

        $("img#bg").load(function()
            {
                
                $("img#bg").fadeTo(2000,1);
                
                        
                
             setTimeout(function() 
                 {
                     $("#image_description").animate({right: '-=150'}, 1000);
                     $("img#bg").fadeOut(2000);
                     
                     
                     setTimeout(LoadImages,2500);
                 }
                 ,3000);
            }            
        )
    
        
        setTimeout(LoadImages,1000);
        
    });

function LoadImage(iNr)
{
    $("img#bg").attr("src", aImages[iNr]);
    if ($("img#bg").prop('complete'))
    {
        setTimeout(LoadImages,2500);
    };
};
    
    function LoadImages()
    {
     
     /* Select a random image number and make sure this is not equal to the previous image */
     while(iPrev == iRnd)
     {
         iRnd = Math.floor(Math.random()*aImages.length);
     }
     
     /* Show the selected image */
     LoadImage(iRnd);
     
     iPrev = iRnd;
     
    };
</script>

То следующий скрипт:

Код


<!-- подключение библиотеки jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!-- подключения плагина Cycle -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript">
$(document).ready(function() {
   $('.slideshow').cycle({
    fx:      'fade', 
    speed:    800, 
    timeout:  800
   });
});

отказывается работать, то есть просто выводит по очередно изображения:

Код


<div class="slideshow" >
   <img src="1.png"  />
   <img src="2.png" />
   <img src="3.png" />
</div>

Соответственно, если убрать первый скрипт, то второй (анимация из картинок работает нормально).

В CSS следующее:

Код



img#bg {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:-4;

}

Прошу прощение, что много кода...
Просто уже второй день не могу найти ответа - если не z-index, то что же тогда...

skyboy

Дата 29.12.2012, 02:14 (ссылка)

(нет голосов)

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 3
Всего: 260

в консоли ошибки есть?

Arantir

Дата 29.12.2012, 03:09 (ссылка)

(голосов:2)

Загрузка ...

Рыбак без удочки

Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 5
Всего: 55

Цитата

когда вставляю скрипт:

Код


...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

То следующий скрипт:

Код


...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Очень круто...

--------------------

interface Жопа {
// ATTENTION: has to be implemented by every class of the project for proper project work
}

dreamReckless

Дата 29.12.2012, 15:23 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 4.12.2011

Репутация: нет
Всего: 0

Arantir, я знаю, что наверно не поверите, но я когда лег спать, я тоже об этом подумал. Что наверно это из-за того, что сначала одна версия используется, а потом - вторая. Верно?

В консоли ошибок нет.

Добавлено через 1 минуту и 40 секунд
Arantir, спасибо, это оказалось правдой таки, ошибка была в этом. Удивляюсь со своей не внимательности.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »