Tenho um elemento figure com uma série de imagens dentro:
<figure class="MiniModImgSlider">
<img src="img01.jpg" alt="img01">
<img src="img02.jpg" alt="img02">
<img src="img03.jpg" alt="img03">
<img src="img04.jpg" alt="img04">
<img src="img05.jpg" alt="img05">
</figure>
Obs: As imagens estão com display:none.
Quero recuperar o caminho de cada imagem e atribuir ao background do elemento figure a cada 3 segundos. Para isso fiz esse script:
var imgs = $(".MiniModImgSlider img").map(function()
{
return $(this).attr('src');
});
for (var i = 0; i <= imgs.length; i++)
{
setInterval(function()
{
$(".MiniModImgSlider").css('background-image', 'url('+imgs[i]+')');
},1000);
}
Só que ao invés de atribuir o caminho da imagem o script retorna undefined! Como posso resolver isso?