• User Attivo

    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à 🙂


  • User Attivo

    si presumo di si, riusciresti ad implementarlo nello script completo in modo che funziona?
    te ne sarei infinitamente grato 🙂


  • User Attivo

    Grazie mille, domattina al lavoro lo provo e ti dico 🙂


  • User Attivo

    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]


  • User Attivo

    @marcodt said:

    Così com'è non viene eseguito niente...
    devi aggiungere:

    slideshow();

    prima dell'ultima riga.

    yes funziona così grande 😉