Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    17

    Presentazione di immagini

    Salve a tutti!

    Devo creare una presentazinoe di immagini per il web.
    La presentazione deve partire in una nuova finestra quando clicco in un link del mio sito.
    Ogni immagine ha un commento ai piedi e le immagini devo cambiare in sequenza in modo automatico in ciclo continuo.

    Come posso fare per creare una presentazione di questo tipo?
    Deve essere qualcosa di semplice e di leggero, che non appesantisca.
    Qualcuno può aiutarmi?

    Grazie!
    Claudia

  2. #2
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    Questo nel body
    Poi nell'head

    Codice PHP:
    <SCRIPT>
    function 
    my_imms() {
    window.open("URL_della_pagina_immagini","nome_pagina","toolbar=no,location=no,scrollbars=auto,directories=no,status=no,menubar=no,resizable=yes,width=460,height=220,top=100,left=100");
    }
    </SCRIPT> 
    Poi nella pagina delle immagini dovresti dirmi meglio come vuoi che funziona.. se in stile presentazione quindi automatico e con pulsanti!

    Ciao!

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    17
    Ciao! ...
    In modo automatico ... devono scorrere una dopo l'altra, come se fosse un film.
    Arrivata lla fine deve ripartire dallaprima immagine.
    Claudia

  4. #4
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    Allora.. questo lo inserisci nel body della pagina delle immagini

    codice:
    <div id="img_show">&nbsp:</div></p>
    <div id="dida_show">&nbsp:</div>
    Questo invece lo metti nell'head della pagine delle immagini
    Codice PHP:
    <SCRIPT>
    var 
    imm= new Array(5); 
    /*come vedi p riportato il numero delle immagini 
    se lo vuoi cambiare devi anche cambiare le immagini 
    progressive sotto.. che sarranno di una unità inferiore. 
    Stesso discorso vale per le didascalie*/
    var imm[0] = '[img]http://indirizzo immagine1[/img]';
    var 
    imm[1] = '[img]http://indirizzo immagine2[/img]';
    var 
    imm[2] = '[img]http://indirizzo immagine3[/img]';
    var 
    imm[3] = '[img]http://indirizzo immagine4[/img]';
    var 
    imm[4] = '[img]http://indirizzo immagine5[/img]';

    var 
    dida = new Array(5);
    dida[0] = "didascalia1";
    dida[1] = "didascalia2";
    dida[2] = "didascalia3";
    dida[3] = "didascalia4";
    dida[4] = "didascalia5";

    funtion imms_show() {
    var 
    cont;
    if (
    cont == -|| cont == 0) {
    document.getElementById("img_show").innerHTMLimm[0];
    document.getElementById("dida_show").innerHTMLdida[0];
    cont=1;
    }
    if (
    cont == 1) {
    document.getElementById("img_show").innerHTMLimm[1];
    document.getElementById("dida_show").innerHTMLdida[1];
    cont=2;
    }
    if (
    cont == 2) {
    document.getElementById("img_show").innerHTMLimm[2];
    document.getElementById("dida_show").innerHTMLdida[2];
    cont=3;
    }
    if (
    cont == 3) {
    document.getElementById("img_show").innerHTMLimm[3];
    document.getElementById("dida_show").innerHTMLdida[3];
    cont=4;
    }
    if (
    cont == 4) {
    document.getElementById("img_show").innerHTMLimm[4];
    document.getElementById("dida_show").innerHTMLdida[4];
    cont=0;
    }
    SetInterval("imms_show();" 5000);
    }
    imms_show();
    </SCRIPT> 
    Ciao... prova a vedere se va bene!! ^^

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 © 2025 vBulletin Solutions, Inc. All rights reserved.