• User Newbie

    immagini random ad ogni refresh

    Ciao a tutti, sono nuovo,

    avrei subito subito una domanda da porVi (col passare del tempo spero siano più le risposte che le domande 😉 )

    Vi spiego il problema:

    Io ho un blog su splinder

    Vorrei creare uno spazio banner con 5-6 immagini random caricate da un url esterno.

    Ho letto di tutorial in giro che ti insegnano a farlo con immagini interne ma non ho trovato nessuna spiegazione su come farlo con immagini esterne

    Sapete aiutarmi???

    Grazie Mille


  • Super User

    Ciao e benvenuto.

    Se hai gia' una soluzione javascript valida per immagini interne probabilmente va bene quella. L'importante che al posto dell'indirizzo relativo dell'immagine (che si riferisce allo stesso sito) devi mettere l'indirizzo assoluto (che si riferisce a immagini su altri siti).

    Cerco di essere piu' chiaro, devi sostituire una parte di codice simile:

    ![image](percorso relativo)
    

    con

    ![image](http://percorso relativo)
    

    Fammi sapere come va :ciauz:


  • User Newbie

    Grazie mille.

    Adesso provo.

    Mi mancava proprio come si mette l'indirizzo assoluto in javascript

    Ti faccio sapere

    Peace


  • User Newbie

    Nada, non funziona.

    Prova a guardare il codice html della mia pagina di prova su splinder.

    http://provaiato.splinder.com/

    Come vedi ho messo l'indirizzo assoluto ma l'immagine in alto non si vede

    L'immagine che si dovrebbe vedere è questa:

    http://www.veronaflava.com/iato/copyright.jpg

    Sai o sapete aiutarmi??

    Grazie


  • Super User

    Ho visto lo script che hai inserito.
    Hai commesso qualche erorino, ma la base era buona 🙂

    Se ti interessa approfondisci con qualche guida l'uso degli apici e delle virgolette in javascript.

    Prova questa soluzione:

    <script language='JavaScript' type='text/javascript'>
    <!--
    img = new Array&#40;&#41;
    aCaso = Math.floor&#40;5 * Math.random&#40;&#41; &#41;;
    
    img&#91;0&#93; = "'http://www.veronaflava.com/iato/copyright.jpg' width='480' height='250' border='0'"; 
    img&#91;1&#93; = "'http&#58;//www.veronaflava.com/iato/copyright.jpg' width='480' height='250' border='0'"; 
    img&#91;2&#93; = "'http&#58;//www.veronaflava.com/iato/copyright.jpg' width='480' height='250' border='0'"; 
    img&#91;3&#93; = "'http&#58;//www.veronaflava.com/iato/copyright.jpg' width='480' height='250' border='0'"; 
    img&#91;4&#93; = "'http&#58;//www.veronaflava.com/iato/copyright.jpg' width='480' height='250' border='0'"; 
    
    document.write&#40;"![image](+img&#91;aCaso&#93;+)"&#41;; 
    // -->
    </script>
    

    Ciao :ciauz:


  • User Newbie

    Grazie mille, adesso funziona.

    Che posso dire... Grazie ancora :ciauz:


  • User Newbie

    Ragazzi, ho trovato questo forum (e questo topic in particolare) facendo una ricerca su google. Interesserebbe anche a me usare questo script, ma non so perché non funziona. Ammetto di non capirci nulla di codici... aiutatemi!!!

    Vorrei fare in modo che ad ogni refresh cambiasse l'immagine in alto nel mio blog ( http://carriebradshaw.splinder.com )... vi copio la stringa che contiene l'indirizzo dell'immagine:

    #header {

        background-color: #FFFFFF;
    background-image: url([http://img57.imageshack.us/img57/6931/lookatmemn4.png);](http://img57.imageshack.us/img57/6931/lookatmemn4.png%29;)
    background-position: center;
    background-repeat: no-repeat;
        height: 301px;
    

    }

    Cosa posso fare? Ho provato ad inserire il codice di Claudioweb accanto a background-image, ma poi non visualizza alcuna immagine. Potete aiutarmi?


  • Super User

    Ciao, benvenuto nel forum. 🙂

    La soluzione precedentemente presentata, stampa tramite javascript un'immagine e va inserita nell'html.

    Invece tu l'immagine la inserisci tramite css. Dunque si tratta di due cose differenti e se inserisci il mio codice lì di fianco non funziona.

    Potresti eliminare l'immagine di sfondo dal css, e inserire il codice nell'html.

    :ciauz:


  • User Newbie

    Ci ho provato... ma al posto della foto mi esce
    Cosa sbaglio? http://carriebradshaw.splinder.com
    😞


  • User Newbie

    Rettifico, ci sono riuscito. Con un altro script però... ve lo riporto, magari può servire a qualcuno. 😄

    <script language="Javascript">
    <!--
    function image() {
    };

    image = new image();
    number = 0;
    // imageArray

    image[number++] = "<img src='random/imm001.jpg'>"
    image[number++] = "<img src='random/imm002.jpg'>"
    image[number++] = "<img src='random/imm003.jpg'>"
    image[number++] = "<img src='random/imm004.jpg'>"
    image[number++] = "<img src='random/imm005.jpg'>"
    image[number++] = "<img src='random/imm006.jpg'>"
    image[number++] = "<img src='random/imm007.jpg'>"
    image[number++] = "<img src='random/imm008.jpg'>"
    image[number++] = "<img src='random/imm009.jpg'>"
    image[number++] = "<img src='random/imm010.jpg'>"
    image[number++] = "<img src='random/imm011.jpg'>"

    increment = Math.floor(Math.random() * number);
    //-->
    </script>

    <script language="JavaScript">
    document.write(image[increment]);
    </script>