Показать сообщение отдельно
  #5 (permalink)  
Старый 31.08.2013, 03:17
Новичок на форуме
Отправить личное сообщение для simonellez Посмотреть профиль Найти все сообщения от simonellez
 
Регистрация: 31.08.2013
Сообщений: 2

предлагаю вот такой слайдер.

В нём я сделал так:

у родительского элемента: position: relative;

у дочерних элементов (картинок) position: absolute;

дальше всё просто:

$("div.parent").append(
  $("<img>").attr("src","my new image").css("opacity","0").fadeIn(1000,function(){
    $(this).prev().remove();
  })
);


за счёт того что у родителя относительное позиционирование все внутренние элементы с абсолютным будут сдвинуты в левый верхний угол.

Затем создается картинка (по умолчанию она будет выше предыдущей) полностью прозрачная, и при помощи fadeIn появляется через 1 сек.

После того как она полностью появится - предыдущая картинка удаляется.

Последний раз редактировалось simonellez, 31.08.2013 в 03:19.
Ответить с цитированием