Transizione immagini

[symptom]

Che ne pensate di questo sito? che tecmolgia usa? voelvo fare il mi osito simile a questo, che end cite?

[NicManzana]

studiati il codice sorgente, rimarrai sorpreso dalla quantità di cose che si possono apprendere.

[Mascara]

E' un wordpress, molto semplice e minimal, con qualche tocco di javascript qua e là.
Cosa ti piace, in particolare?

[symptom]

La semplicità e sopratutto il fatto che aprendo il sito si apre ogni volta una foto diversa, come si fare?

[NicManzana]

per avere un banner ogni volta diverso (nel sito thomascheng.com) usa questo codice:

        // randomize logo, logo changer
        var numberOfLogos = 6;
        var currentLogo = Math.ceil(Math.random()*numberOfLogos);
        $('.home #logo img').attr('src','images/logo_'+currentLogo+'.jpg');
        $('.home #logo').click(function(e){
            e.preventDefault();
            if (currentLogo == numberOfLogos) currentLogo = 1;
            else currentLogo++;
            $(this).children('img').attr('src','images/logo_'+currentLogo+'.jpg');
        }) 

come dicevo, guardando il codice sorgente hai a disposizione ( per quanto riguarda js ) tutto !

[cavicchiandrea]

Sposto in js.

[symptom]

Originariamente inviato da NicManzana
per avere un banner ogni volta diverso (nel sito thomascheng.com) usa questo codice:

        // randomize logo, logo changer
        var numberOfLogos = 6;
        var currentLogo = Math.ceil(Math.random()*numberOfLogos);
        $('.home #logo img').attr('src','images/logo_'+currentLogo+'.jpg');
        $('.home #logo').click(function(e){
            e.preventDefault();
            if (currentLogo == numberOfLogos) currentLogo = 1;
            else currentLogo++;
            $(this).children('img').attr('src','images/logo_'+currentLogo+'.jpg');
        }) 

come dicevo, guardando il codice sorgente hai a disposizione ( per quanto riguarda js ) tutto !

ok e le foto diverse dove le pesca il codice?

[NicManzana]

$(this).children('img').attr('src','images/logo_'+currentLogo+'.jpg'); 

[symptom]

Originariamente inviato da NicManzana

$(this).children('img').attr('src','images/logo_'+currentLogo+'.jpg'); 

Dove le aggiungo le foto?

[NicManzana]

Ciao symptom, per riuscire a fare quello che desideri ( pur non essendo particolarmente complesso ) devi avere almeno delle basi html e javascript...
Inoltre, lavorando con jQuery devi conoscere anche la sua sintassa.. il mio consiglio è quello di studiare, ma non solo a livello di andare sul sito e leggere tutto.. in questo caso per studiare intendo partire dal codice che ti ho postato..

infatti esaminando questo codice:

$(this).children('img').attr('src','images/logo_'+currentLogo+'.jpg'); 

dovresti aver già intuito tutto... perfino dove devono essere messe le immagini, nel caso così non fosse: studiare, studiare e studiare !!!!!

Buona giornata,
Nicolas