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

    aprire una immagine in un div...

    Salve,
    sono un neofita di javascript e mi trovo a risolvere il seguente problema...

    Ho una serie di miniature che, cliccate opportunamente, dovrebbero far visualizzare le loro immagini corrispondenti a dimensione reale, sotto le miniature stesse.

    Ho pensato a qualcosa come una funzione che apre l'immagine grande in un div, ma non sono proprio esperto in materia sul da farsi. Attualmente sono solo riuscito a creare dei collegamenti all'immagine in una pagina bianca (_blank) e funziona correttamente, ma io devo realizzare il collegamento all'interno della stessa pagina e sotto le miniature descritte prima...

    vi posto il codice del mio esempio...

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Funzione Javascript Immagini</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script type="text/javascript" language="JavaScript">
    <!--
    // definizione delle variabili dello script, riga che contiene un tot numero di foto e foto di partenza
    riga_foto = 4;
    numero_foto = 1;

    // creazione di due vettori, uno per le miniature, l'altro per le foto grandi...
    big_foto = new Array;
    min_foto = new Array;

    // indicizziamo le foto per i vettori creati seguendo l'ordine stabilito dal nome della foto...
    big_foto[0] = 'big_1.jpg'
    min_foto[0] = 'small_1.jpg'
    big_foto[1] = 'big_2.jpg'
    min_foto[1] = 'small_2.jpg'
    big_foto[2] = 'big_3.jpg'
    min_foto[2] = 'small_3.jpg'
    big_foto[3] = 'big_4.jpg'
    min_foto[3] = 'small_4.jpg'

    // Creiamo la funzione che si occuperà di cambiare l'immagine al click del mouse...
    function CambiaImmagine(num){
    window.open(big_foto[num], "_blank");
    }
    -->
    </script>
    </head>

    <body>
    <script type="text/javascript" language="JavaScript">
    <!--
    // Realizziamo un ciclo che permette di valutare tutti gli elementi del vettore per le foto grandi...
    for(a=0; a<big_foto.length; a++){
    document.write('[img]'+min_foto[a]+'[/img]');
    }

    -->
    </script>
    </body>
    </html>

  2. #2

    grazie... ma l'ho risolta...

    grazie lo stesso ma ho risolto da me...
    ho creato un div con un id ed anzichè usare una window.open ho usato una document.getElementById

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.