Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Immagine che cambia dentro un Div

    ciao Ho fatto questo codice con un script text javascript "solo Comando"

    incollo


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Antica Trattoria Dell'Isola Motta Visconti</title>
    <meta name="description" content="Cucina Tipica Lombarda Motta Visconti Provincia Milano Vicinanze Pavia" />
    <meta name="keywords" content="Ristorante,Food,Trattoria,Funghi,Milano,C ucina lombarda,Tartufo," />
    <title>Antica Trattoria Dell'isola Motta Visconti Milano</title>
    <style type="text/css">
    <!--
    #contenitore {
    height: 600px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    border: 1px solid #FFF;
    }
    #intestazione {
    height: 200px;
    width: 800px;
    }
    #contenitore p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
    font-style: italic;
    }
    #contenitore p img {
    }
    body {
    background-image: url(immagini/sfondo.png);
    background-repeat: repeat-x;
    }
    -->
    </style>

    </head>

    <body>
    <div id="contenitore">
    <div id="intestazione">
    [img]immagini/banner.index.jpg[/img]
    <div style="text-align:center;">[img]immagini/tartufo.index.jpg[/img]</div>
    <script language="Javascript" type="text/javascript">
    var secondi=5;
    var num=0;
    function CambiaImmagine() {
    var immagini=new Array();
    immagini[0]="immagini/"[img]immagini/tartufo.index.jpg[/img];
    immagini[1]="immagini/[img]immagini/cotoletta1.jpg[/img]";

    document.getElementById("img").src=immagini[num];
    num=(num+1>=immagini.length)?0:num+1;
    setTimeout("CambiaImmagine()",secondi*10);
    }
    CambiaImmagine();
    </script>

    </div>
    </div>

    </body>
    </html>

    pero mi carica tutto ma l immagine non cambia
    sapete consigliarmi come fare ?

    Grazie come sempre

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    L'essenziale
    codice:
    [img]immagini/tartufo.index.jpg[/img]
    ...
    <script language="Javascript" type="text/javascript">
    var secondi=5;
    var num=0;
    var immagini=new Array();
    immagini[0]="immagini/tartufo.index.jpg";
    immagini[1]="immagini/cotoletta1.jpg";
    function CambiaImmagine() {
    	document.getElementById("nomeimmagine").src=immagini[num];
    	num = (num+1>=immagini.length)?0:num+1;
    	setTimeout("CambiaImmagine()",secondi*1000);
    } 
    CambiaImmagine();
    </script>
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    cappero Funziona
    Grazie

    se volessi aggiungere tipo un altra devo fare cosi immagini es

    immagini[0]="immagini/tartufo.index.jpg";
    immagini[1]="immagini/cotoletta1.jpg";

    immagini[2]="immagini/pippo.jpg";

    e poi aggiungo



    num = (num+1>=immagini.length)?0:num+1;

    num = (num+2>=immagini.length)?1:num+2;

    scusa ma di java non so una mazza
    grazie

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    immagini[2]="immagini/pippo.jpg";

    e basta

    Auguri per il tuo apprendimento
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Grazie mielle
    Davvero Gentile e competente oserei dire
    :-)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.