• User Attivo

    Aiuto sistemazione codice CSS con Javascript incluso

    Ciao ragazzi , ho il seguente codice :

    <STYLE type=text/css>
    html, body {
    width: 50;
    }
    #testata {
    width: 95%;
    background: url(.....altervista.org/_al.../immagini/9.jpg) top center;
    }
    :after {
    display: block;
    visibility: hidden;
    content: ".";
    height: 0;
    clear: both;
    }
    #t_sin {
    width: 0%;
    float: left;
    }
    #t_des {
    width: 0%;
    float: right;
    }

    </STYLE>

    <div id="testata">
    <div id="t_sin"><img src="....altervista.org/_altervista_ht/f.gif"></div><div id="t_des"><img src=".....altervista.org/_altervista_ht/f.gif"></div>
    </div>


    fin qua tutto ok solo che all'altezza di questa stringa :

    width: 95%;
    background: url(....altervista.org/_al.../immagini/9.jpg) top center;
    }

    dovrei applicare questo javascript :

    <script language="javascript" type="text/javascript"> immagine_variabile(); </script>

    come si traduce il codice corretto all'interno del codice postato in alto?

    potrebbe essere così, ma in realtà non mi funziona...:

    background-image: url(java-script: document.write('<img src="...../immagini/' + numero_immagine +'.jpg">'));

    oppure

    background-image: url('java-script:immagine_variabile();') no-repeat top center;


  • Super User

    Ciao Fasa 🙂

    Non è proprio il mio campo javascript però per attribuire degli stili agli oggetti dovresti inserire una cosa come questa:

    ESEMPIO riferendosi all'id di un oggetto:

    ...
    var a=document.getElementById('nomeid');
    a.style.backgroundImage="urlimmgine";
    ...
    

    Adesso, non so se funziona in ogni caso se si tratta di una cosa simile passo a spostare il topic nella sezione adatta in modo da aiutarti nel modo più consono 🙂

    Ciao!


  • User Attivo

    no forse.... sbaglio qualcosa :

    il codice che deve richiamare è questo :

    <script language="javascript">
    function immagine_variabile(){
    var numero_immagini = 44;
    var secondi_intervallo = 86400;
    var mesi = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec ");
    var oggi = new Date();
    var oggi_data = mesi[oggi.getMonth()]+" "+oggi.getDate()+", "+oggi.getYear()+" "+ oggi.getHours()+":"+oggi.getMinutes()+":"+oggi.getSeconds();
    var secondi = Math.abs( Date.parse(oggi_data)/1000);
    var numero_intervalli = Math.floor(secondi / secondi_intervallo) ; //normalizza in intervalli
    var numero_immagine = (numero_intervalli % numero_immagini); // normalizza il numero di intervalli al numero delle immagini bmwmania
    document.write('<img src=".....altervista.org/_altervista_ht/immagini/' + numero_immagine +'.jpg">');
    }
    </script>

    e lo dovrei richiamare dentro qui


    #testata {
    width: 95%;
    background:
    }

    con questo codice javascript:
    <script language="javascript" type="text/javascript">
    immagine_variabile();
    </script>

    Come dovrei fare a questo punto affinchè il background sia la risultante di questo codice javascript?


  • Super User

    Il valore background può accogliere solo determinati attributi quali:
    color, image, position, repeat.

    Non puoi usare i css per inserire al suo interno dei contenuti 🙂

    Se non ho capito ancora scusami, poi vediamo di metterti nelle mani giuste ^^