Olá, estou aqui a ter um problema e não vejo razão para tal..
Estou a usar o plugin Vegas (http://vegas.jaysalvat.com/) e para ter um load das imagens para background tenho o seguinte código:
Código (jQuery):
Até aqui tudo bem, retorna array com os valores lá dentro, exemplo :
![Imagem Colocada]()
Mas ao colocar o código vegas com o bg, não carrega a imagem e dá-me um erro:
Código (jQuery):
![Imagem Colocada]()
Agora se eu tiver uma array feita por mim exemplo:
Código (jQuery):
Já funciona.
Aguardo alguma resposta.
Estou a usar o plugin Vegas (http://vegas.jaysalvat.com/) e para ter um load das imagens para background tenho o seguinte código:
Código (jQuery):
$.ajax({
url: dir_bgs,
success: function (data) {
$(data).find("a:contains(.jpg)").each(function(){
backgrounds.push({src: dir_bgs + $(this).attr("href") });
});
console.log(img);
console.log(backgrounds);
}
});
url: dir_bgs,
success: function (data) {
$(data).find("a:contains(.jpg)").each(function(){
backgrounds.push({src: dir_bgs + $(this).attr("href") });
});
console.log(img);
console.log(backgrounds);
}
});
Até aqui tudo bem, retorna array com os valores lá dentro, exemplo :

Mas ao colocar o código vegas com o bg, não carrega a imagem e dá-me um erro:
Código (jQuery):
$("body").vegas({
preload:true,
transition:"random",
delay: 10000,
slides: backgrounds,
overlay: true
});
preload:true,
transition:"random",
delay: 10000,
slides: backgrounds,
overlay: true
});

Agora se eu tiver uma array feita por mim exemplo:
Código (jQuery):
var img = [
{src: "http://i.imgur.com/z8UaORk.jpg"},
{src: "http://i.imgur.com/iv4A8wQ.jpg"},
{src: "http://i.imgur.com/gjVPE2c.jpg"}
];
$("body").vegas({
preload:true,
transition:"random",
delay: 10000,
slides: img,
overlay: true
});
{src: "http://i.imgur.com/z8UaORk.jpg"},
{src: "http://i.imgur.com/iv4A8wQ.jpg"},
{src: "http://i.imgur.com/gjVPE2c.jpg"}
];
$("body").vegas({
preload:true,
transition:"random",
delay: 10000,
slides: img,
overlay: true
});
Já funciona.
Aguardo alguma resposta.