Плавное изминение фонового изображения

Тема в разделе "JavaScript", создана пользователем AGENT131313, 5 июл 2013.

Модераторы: ZiX
  1. AGENT131313

    AGENT131313 Забанен

    Регистр.:
    17 мар 2009
    Сообщения:
    282
    Симпатии:
    28
    Здравствуйте.
    Прошу небольшой помощи, в общем цель: изминение фонового изображения в dive но оставлять неизменным все что в середине него (другие divы).

    Вот откопал код:
    $(function() {
    var mainDiv = $("#main");
    mainDiv.ready(function(){
    mainDiv.animate({opacity:0}, 3000, "linear", function(){
    mainDiv.css("backgroundImage","url('images/log_h2.png')");
    mainDiv.animate({opacity:1}, 3000);
    });
    });
    });

    html
    <div id="main">
    <div>мое</div>
    <div>мое</div>
    </div>

    css:
    #main {
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-image: url('images/log_h1.png');
    }

    Проблема заключается в том, что оно меняет и содержимое моих других блоков. Подскажите как это отключить
     
  2. Compressor

    Compressor

    Регистр.:
    31 янв 2009
    Сообщения:
    314
    Симпатии:
    200
    Попробовал вот так:

     
    AGENT131313 нравится это.
  3. AGENT131313

    AGENT131313 Забанен

    Регистр.:
    17 мар 2009
    Сообщения:
    282
    Симпатии:
    28
    Отлично, Спасибо.
    А как сделать чтобы они по кругу ходили? и допустим добавить третью картинку в очередь?
     
  4. v0ff

    v0ff Постоялец

    Регистр.:
    15 ноя 2012
    Сообщения:
    56
    Симпатии:
    8
    готовое решение

    также есть на стак оверфлоу



    либо просто , чтиобы никуда неходить, просто

    сидаже прикрутить петлю, и по петле менять номерки... номерки массива это будут значения картинок...
    одна функция а добавляеш только в список массивов картинки ;)
     
    AGENT131313 нравится это.