Transição de imagem usando o jquery

[belcla 0]

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?

[Alex Hiroshi 7]

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("...")).