- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Cambiare img src con jquery?
-
Cambiare img src con jquery?
Ciao ragazzi,
ho la necessità di far si che questo script semplice per fare le slideshow anzichè lavorare sulle immagini presenti nella pagina cambi l'attributo src (aggiungendo ad esempio a blabla_i.jpg al posto di i un numero) in modo che vengano ciclate le immagini presenti in una cartella del sito.[HTML]function slideshow(){
//alert("asdasd");
$(".cornice .item").hide();
$(".cornice .item:eq(0)").show();
var tot = $(".cornice .item").size();
setTimeout(function(){startGallery(1,tot)}, 2500);
}function startGallery(i, tot) {
$(".cornice .item").hide();
$(".cornice .item:eq("+i+")").fadeIn();
i = i+1;
if (i<tot) {
setTimeout(function(){ startGallery(i, tot) }, 2500);
} else {
setTimeout(function(){ startGallery(0, tot) }, 2500);
}
}[/HTML]Grazie a chi mi risponderà
-
si presumo di si, riusciresti ad implementarlo nello script completo in modo che funziona?
te ne sarei infinitamente grato
-
Grazie mille, domattina al lavoro lo provo e ti dico
-
Ho dovuto riadattare il codice alle nuove esigenze tuttavia continua ad non funzionare, pagina bianca e bon. Anche usando lo script postato da marco non va nulla, credo ci siano anche errori di sintassi... qualcuno riesce ad aiutarmi?
[html]
$(document).ready(function(){
function slideshow(){
$('.cornice').attr('style', 'background-image: url(img_0.jpg)').show();
var tot = 3; //settare manualmente il numero di immagini
setTimeout(function(){startGallery(1,tot)}, 2500);
}function startGallery(i, tot) { $('.cornice').attr('style', 'background-image: url(img_' + i + '.jpg').fadeIn(); i = i+1; if (i<tot) { setTimeout(function(){ startGallery(i, tot) }, 2500); } else { setTimeout(function(){ startGallery(0, tot) }, 2500); } }
});
[/html]
-
@marcodt said:
Così com'è non viene eseguito niente...
devi aggiungere:slideshow();
prima dell'ultima riga.
yes funziona così grande