2013-06-11 3 views
0

Я хочу, чтобы угаснуть только фоновое изображение и теги p в div баннера. Все остальное не должно исчезать. Также было бы полезно, чтобы первый фон и тэг p отображались с выкл. Спасибоjquery fade background image и p tags

var imgs = ['http://www.google.com/logos/1998/googleburn.jpg', 'http://www.google.com/logos/1998/googlebeta.jpg', 'http://www.google.com/logos/1999/googlepump.gif'], 
    i = 0; 

setInterval(function() { 
    $('.banner').fadeOut(300, function() { 
     $(this).css('background-image', 'url(' + imgs[i] + ')').find('p:eq(' + i + ')').show().siblings().hide() 
      .end().end().fadeIn(300, function() { 
      i++; 
      if (i === imgs.length) { 
       i = 0 
      }; 
     }); 
    }); 
}, 5000) 

jsfiddle

+0

все остальное ??? нет ничего другого, кроме этих двух? – bipen

+0

Вы не можете затухать фоновое изображение, подобное этому ... – Jai

+0

вы можете вывести цвет, но не фоновое изображение. здесь: http://stackoverflow.com/questions/5533171/fade-background-image-in-and-out-with-jquery –

ответ

0

я изменить чуток код

http://jsfiddle.net/pNTqP/9/

HTML

<img class="banner" /> 

Javascript

setInterval(function() { 
    $('.banner').fadeOut(300, function() { 
     $(this).attr('src', imgs[i]).find('p:eq(' + i + ')').show().siblings().hide() 
      .end().end().fadeIn(300, function() { 
      i++; 
      if (i === imgs.length) { 
       i = 0 
      }; 
     }); 
    }); 
}, 5000)