Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di Fichico
    Registrato dal
    Nov 2002
    residenza
    Bologna
    Messaggi
    581

    Cambiare src di img con fade dopo tot secondi

    Ciao
    avrei una necessità forse un po' particolare.
    Nella home di un sito abbiamo un'immagine fissa in base al giorno ed orario (che con una funzione php viene determinata correttamente).

    Adesso avrei questa necessità: al caricamento della home mostrare uno spot in jpg al posto dell'immagine principale e dopo 5 secondi cambiare l'src dell'immagine con quella opportuna generata dalla funzione php.

    Come posso quindi cambiare l'src dopo 5 secondi con effetto fadeIn?

    Adesso ho questa porzione di codice ma il cambio immagine avviene immediato senza effetti...
    Codice PHP:
    $(document).ready(function(){
        $(function(){
            
    //setinterval crea un timer che esegue le operazioni in esso contenute
            
    var timer setInterval(function(){
                $.
    post("form.php", {o:4}, function(indirizzoImg){
                    $(
    "#imgHome").attr('src','http://www.indirizzo.ext/img/sito/home/'+indirizzoImg+'.jpg');
                    
    clearInterval(timer);
                });
            },
    5000);
        });
    }); 

  2. #2
    Utente di HTML.it L'avatar di Fichico
    Registrato dal
    Nov 2002
    residenza
    Bologna
    Messaggi
    581
    googlando un po' ho trovato una piccola correzione e adesso fa bene fadeIn e fadeOut

    Codice PHP:
    $(function(){
            
    //setinterval crea un timer che esegue le operazioni in esso contenute
            
    var timer setInterval(function(){
                $(
    '#imgHome').stop().animate({opacity:'0'},function(){
                    $.
    post("form.php", {o:4}, function(indirizzoImg){
                        $(
    '#imgHome').attr('src','http://www.indirizzo.ext/img/sito/home/'+indirizzoImg+'.jpg');
                    });
                }).
    load(function(){
                    $(
    '#imgHome').stop().animate({opacity:'1'});
                });
                
    clearInterval(timer);
            },
    5000);
        }); 
    ora l'ultima domanda da un milione di dollari ... è possibile sovrapporre i due effetti in modo che mentre un'immagine scompare compare l'altra?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.