0

добрый день есть такой скрипт

$(document).ready(function(){

$("#example p:first").css("display", "block");

jQuery.fn.timer = function() {
if(!$(this).children("p:last-child").is(":visible")){
$(this).children("p:visible")
.css("display", "none")
.next("p").css("display", "block");

}
else{
$(this).children("p:visible")
.css("display", "none")
.end().children("p:first")
.css("display", "block");
}

}

window.setInterval(function() {
$("#example").timer();
}, 5000);

});

он просто меняет каждые 5 сек картинки заключенные в блоки <p></p> за счет замены свойства display с ноне на блок- я хочу сделать что бы было плавно но как впаять opacity что бы было кросбраузерно и кошерно не представлю??

1 ответ 1

3

Используйте вместо .css('...), .fadeIn() и .fadeOut().

2
  • так? $(this).children("p:visible") .fadeOut("1000"("display", "none")) .next("p").fadeIn("1000",("display", "block"));
    – DanteLoL
    17 сен 2013 в 8:48
  • Нет, fadeIn и fadeOut и так помимо прозрачности меняют значение свойства display. fadeIn делает dislay: block; , fadeOut display: none;. В вашем случае: $(this).children("p:visible").fadeOut().next("p").fadeIn(); 17 сен 2013 в 9:15

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.