Visualizzazione risultati 1 fino 8 di 8

Discussione: Immagine+ frase random

  1. #1
    Guest

    Thumbs up Immagine+ frase random

    Salve,
    io come img random uso questo.
    Usando un codice del genere:

    <script>/************************************************** *
    * Script by Virtual_Max (http://come.to/vmax)
    * Copyright 2001, Virtual_Max (Maxim V. Kollegov)
    * Free for noncommercial use until this statement * presents unchanged in all copies and derivatives.
    ************************************************** */
    var banners = new Array();
    var currentcount=0; var rotatorlink;
    function Banner(imgUrl,linkUrl,time){
    this.linkUrl=linkUrl;
    this.imgUrl=imgUrl;
    this.image = new Image();
    this.image.src=imgUrl
    banners[banners.length]=this;
    if(time==null) this.time=idletime;
    else this.time=time;
    }
    function rotateBanners(){
    if(document.images){
    document.rotator.src=banners[currentcount].image.src;
    rotatorlink.href=banners[currentcount].linkUrl;
    setTimeout('rotateBanners()',banners[currentcount].time);
    currentcount++;
    currentcount=currentcount%banners.length;
    }
    }
    function setupBanner(){
    var s="";
    s ='<a href="'+banners[currentcount].linkUrl+'" '
    s+=' target="'+bannerTarget+'" >';
    s+='<img name="rotator" src="'+banners[currentcount].imgUrl+'" border=0></a>';
    document.writeln(s);
    rotatorlink = document.links[document.links.length-1];
    rotateBanners(); }
    </script><script>
    /************************************************** *
    * Script by Virtual_Max (http://come.to/vmax)
    * Copyright 2001, Virtual_Max (Maxim V. Kollegov)
    * Free for noncommercial use until this statement * presents unchanged in all copies and derivatives.
    ************************************************** */
    // tempo di rotazione in millisecondi (1000 equivale a 1 secondo)
    var idletime = 2000;
    // frame di destinazione di tutti i collegamenti ipertestuali nella forma
    // _self - apre il collegamento nello stesso frame
    // _blank - apre il collegamento in una nuova finestra
    // _top - apre il collegamento a tutta pagina
    // _parent - apre il collegamento nel frame predefinito
    var bannerTarget="_self";
    // qui devi indicare il nome delle immagini in rotazione,
    // il collegamento ipertestuale associato ed eventualmente un tempo di rotazione diverso
    new Banner('Immagini/img8.jpg','Anteprime/psp-splintercelle.html',3000);
    new Banner('Immagini/img7.jpg','Recensioni/ps2-herdygerdy.html',3000);
    new Banner('Immagini/img5.jpg','Anteprime/multi-fifastreet2.html',3000);
    new Banner('Immagini/img9.jpg','Anteprime/ps2-driverpl.html',4000);
    setupBanner();</script>
    Vorrei fare in modo che insieme all'immagine uscisse anche una piccola descrizione.Per esempio quando esce l'img di una recensione,nella parte bassa esce una piccola frase riguardo alla recensione;quando esce l'img di un'anteprima....,ecc....

    Ciao

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Credo che bastino queste piccole modifiche (te le evidenzio in rosso):
    Codice:
    <script>/************************************************** *
    * Script by Virtual_Max (http://come.to/vmax)
    * Copyright 2001, Virtual_Max (Maxim V. Kollegov)
    * Free for noncommercial use until this statement * presents unchanged in all copies and derivatives.
    ************************************************** */
    var banners = new Array();
    var currentcount=0; var rotatorlink;
    function Banner(imgUrl,linkUrl,time,description){
    this.linkUrl=linkUrl;
    this.imgUrl=imgUrl;
    this.image = new Image();
    this.image.src=imgUrl
    this.description = description;
    banners[banners.length]=this;
    if(time==null) this.time=idletime;
    else this.time=time;
    }
    function rotateBanners(){
    if(document.images){
    document.rotator.src=banners[currentcount].image.src;
    rotatorlink.href=banners[currentcount].linkUrl;
    setTimeout('rotateBanners()',banners[currentcount].time);
    currentcount++;
    currentcount=currentcount%banners.length;
    }
    }
    function setupBanner(){
    var s="";
    s ='<a href="'+banners[currentcount].linkUrl+'" '
    s+=' target="'+bannerTarget+'" >';
    s+='<img name="rotator" src="'+banners[currentcount].imgUrl+'" border=0></a>';
    s+=banners[currentcount].description;
    document.writeln(s);
    rotatorlink = document.links[document.links.length-1];
    rotateBanners(); }
    </script><script>
    /************************************************** *
    * Script by Virtual_Max (http://come.to/vmax)
    * Copyright 2001, Virtual_Max (Maxim V. Kollegov)
    * Free for noncommercial use until this statement * presents unchanged in all copies and derivatives.
    ************************************************** */
    // tempo di rotazione in millisecondi (1000 equivale a 1 secondo)
    var idletime = 2000;
    // frame di destinazione di tutti i collegamenti ipertestuali nella forma
    // _self - apre il collegamento nello stesso frame
    // _blank - apre il collegamento in una nuova finestra
    // _top - apre il collegamento a tutta pagina
    // _parent - apre il collegamento nel frame predefinito
    var bannerTarget="_self";
    // qui devi indicare il nome delle immagini in rotazione,
    // il collegamento ipertestuale associato ed eventualmente un tempo di rotazione diverso
    // a tua cura formattare le descrizioni con codice HTML corretto!
    new Banner('Immagini/img8.jpg','Anteprime/psp-splintercelle.html',3000,'<P>Splinter Cell</P>');
    new Banner('Immagini/img7.jpg','Recensioni/ps2-herdygerdy.html',3000,'<P>Herdy Gerdy</P>');
    new Banner('Immagini/img5.jpg','Anteprime/multi-fifastreet2.html',3000,'<P>FIFA Street</P>');
    new Banner('Immagini/img9.jpg','Anteprime/ps2-driverpl.html',4000,'<P>Driver PL</P>');
    setupBanner();</script>
    È che però il punto del codice in cui avviene il cambiamento di banner mi torna soltanto in parte...

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    Guest

    Predefinito

    Va bene.
    Ma devo modificare solo le frasi nella parte finale o anche qualcos'altro?

  4. #4
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Ti ho evidenziato più sopra tutte le modifiche che devi fare, ovviamente se vuoi aggiungere una descrizione alle immagini devi anche specificarla... lì ho semplicemente messo un paragrafo con scritto il nome del gioco (da quel che ho capito... :-D), se vuoi mettere una descrizione più approfondita, liberissimo di farlo, ovviamente scritta con i tag HTML corretti (leggi: cerca di non dimenticartene di aperti per non avere effetti imprevedibili sul resto del sito).

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  5. #5
    Guest

    Predefinito

    Ho inserito questo il codice postato in questa pagina.
    Ma vedo che esce scritto solo Splinter Cell.
    Qual'è il problema?

  6. #6
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Sotto a:
    Codice:
    rotatorlink.href=banners[currentcount].linkUrl;
    Aggiungi:
    Codice:
    document.getElementById("descrizione").innerHTML=banners[currentcount].description;

    E dove c'è:
    Codice:
    s+=banners[currentcount].description;
    Prova a mettere:
    Codice:
    s+="<span id=\"descrizione\">"+banners[currentcount].description+"</span>";
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  7. #7
    Guest

    Predefinito

    Thx,adesso funziona.
    Per caso è possibile mettere la scritta subito sotto l'immagine?Perchè vedo che c'è molto spazio tra i due.

    E come ultima cosa,nell'ultima parte ho inserito i Tag <B> per creare il la scritta in alto in Grassetto.Però non viene visualizzato.
    Codice HTML:
    new Banner('Immagini/img8.jpg','Anteprime/psp-splintercelle.html',1000,'<P><B>SPLINTER CELL</B><BR>Splinter Cell</P>');
    new Banner('Immagini/img7.jpg','Recensioni/ps2-herdygerdy.html',1000,'<P><B>HERDY GERDY</B><BR>Herdy Gerdy</P>');
    new Banner('Immagini/img5.jpg','Anteprime/multi-fifastreet2.html',1000,'<P><B>FIFA STREET</B><BR>FIFA Street</P>');
    new Banner('Immagini/img9.jpg','Anteprime/ps2-driverpl.html',1000,'<P><B>DRIVER PL</B><BR>Driver PL</P>');

  8. #8
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Per mettere meno spazio basta che togli i tag p e puoi mettere il tag br. Se per tutti vuoi il grassetto, dove c'è:
    Codice:
    s+="<span id=\"descrizione\">"+banners[currentcount].description+"</span>";
    Metti:
    Codice:
    s+="<span id=\"descrizione\" style=\"font-weight:bold;\">"+banners[currentcount].description+"</span>";
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •