Immagine del logo che cambia ogni giorno

[vittorioo]

rieccomi,ho fatto una ricerca nel forum ma non ho trovato cio che cerco,ho trovato solo questo https://aiuto.forumattivo.it/t16860-sfondo-che-cambia-a-seconda-dell-orario?highlight=TUTORIAL+SFONDO ma a me non interessa.Quello che vorrei fare e di avere un logo che cambia automaticamente ogni giorno,non devo inseire 365 foto o immagini logo,ma me ne bastano 20-30 che girano ogni giorno a rotazione,è fattibbile la cosa,vi prego ditemi di si

[MattiaDes]

Ciao @bittorioo buona giornata!

Allora mmh tra i JS che avevo salvato, ne ho trovato uno che fa proprio quello che vorresti tu, provalo:

Codice:


$(function () {
        var logosPorDia = new Array();

        //########### ZONA MODIFICABILE #################################
        logosPorDia["15/04/2015"] = "URL_IMAGEN_LOGO_PARA_ESTE_DIAg";
        logosPorDia["16/04/2015"] = "URL_IMAGEN_LOGO_PARA_ESTE_DIA";
       //Puedes añadir cuantos quieras...
        //########### FINE ZONA MODIFICABILE #############################  

        var found = matchFecha(logosPorDia);
        if (found) $("img#i_logo, #logo > img, #pun-logo > img").attr("src", logosPorDia[found]);
    });

    function matchFecha(logosPorDia) {
        var ahora = new Date();
        var month = parseInt(ahora.getUTCMonth()) + 1;
        var day = ahora.getUTCDate();
        var year = ahora.getUTCFullYear();
        var hoy = day + "/" + month + "/" + year;
        if (jQuery.inArray(hoy, Object.keys(logosPorDia)) > -1) {
            return hoy;
        } else {
            return null;
        }
    }

Se hai dei dubbi fammi sapere

[vittorioo]

Ciao Kaselli,grazie mille per aver risposto.Avrei qualche domanda  da porti per quanto riguarda il codice,ho visto che funziona con le date,quindi sarei obbligato ad inserire 30-31 immaggini,i mesi che sono di 30 o 31,che succede?si ripete nuovamente l'ultima immaggine oppure il js si blocca ripartendo poi alla giusta data?Poi inoltre ogni mese dovrei intervenire sul codice per cambiare il mese.
Altrimenti qualcosina di piu semplice senza date?

[Niko]

Ciao @vittorioo

volendo abbiamo un tutorial in studio che permette di mostrare un banner casuale ogni volta che cambi la pagina

Potrebbe interessarti lo stesso?

[MattiaDes]

Vittorio purtroppo ogni mese devi intervenire aggiornando quel JS e cambiando mese

[vittorioo]

Ciao Kaselli,l'idea che mi hai proprosto non è male,ma cerco qualcosa che la metto e non la devo toccare più,capisci cosa intendo

ciao Niko per quanto riguarda la tua idea invece,spiegami meglio,se non ho capito male,ogni volta che cambi paggina cambia anche il logo,giusto?

[Niko]

@vittorioo in sostanza imposti un certo numero di banner e il banner del tuo forum compare random tra quelli da te impostati

ecco a te un esempio
cambia il banner ma solo quando ricarichi o cambi pagina

[MattiaDes]

Ciao Kaselli,l'idea che mi hai proprosto non è male,ma cerco qualcosa che la metto e non la devo toccare più,capisci cosa intendo

Capito beh allora potresti tipo mettere una serie di loghi che cambiano ogni tot tempo?

Tipo potresti fare che ogni ora compare un nuovo banner... se no, potresti provare il metodo citato da Niko facci sapere, ti forniremo poi il tutorial con i relativi codici

[vittorioo]

Tipo potresti fare che ogni ora compare un nuovo banner...

ok Kaselli,vada per la tua idea 

[MattiaDes]

Alla fine analizzando il codice che volevo darti, ho reputato meglio darti quello di Niko, alla fine l'effetto che vuoi ottenere è sempre lo stesso provalo:

Codice:

$(function() {
 var banners = [
    'http://i38.servimg.com/u/f38/18/21/60/73/b010.png',
    'http://i38.servimg.com/u/f38/18/21/60/73/b110.png',
    'http://i38.servimg.com/u/f38/18/21/60/73/b210.png',
    'http://i38.servimg.com/u/f38/18/21/60/73/b310.png',
    'http://i38.servimg.com/u/f38/18/21/60/73/b410.png',
    'http://i38.servimg.com/u/f38/18/21/60/73/b510.png'
  ],

 logo = document.getElementById('i_logo') || document.getElementById('logo') || document.getElementById('pun-logo');
 (logo.tagName == 'IMG' ? logo : logo.firstChild).src = banners[Math.floor(Math.random() * banners.length)];
});

Basta che sostituisci gli URL con quelli dei tuoi sfondi, poi ne puoi aggiungere quanti ne vuoi

[vittorioo]

Grazie Kaselli,questo lo inserisco nei css giusto

[MattiaDes]

Prego no, è un javascript, devi inserirlo in:

Vai verso Pannello di amministrazione ► Moduli ► Gestione dei codici Javascript ► Crea un nuovo codice  

In tutte le pagine