Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

belcla

Transição de imagem usando o jquery

Recommended Posts

Olá!

 

Tenho uma rotina para transição de imagem que não funciona usando css,html e jquery as imagens são colocadas como background, como segue abaixo:

 

 

$(function(){
var images = ['url(../copiaproj/imagem/img1.jpg)',' url(../copiaproj/imagem/img2.jpg)',' url(../copiaproj/imagem/img3.jpg)'],
index = 0,
maxImages = images.length - 1;
var timer = setInterval(function() {
var curImage = images[index];
index = (index == maxImages) ? 0 : ++index;
$("#principal").css({"background":"url("+curImage+")"});
}, 1500);
});
O que faço para funcionar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,

 

No array de imagens você tem parte do background (com url(...)) e ao aplicar o background no elemento #principal, você adiciona mais um url(). Ou seja: background: url(url("...")).

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.