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

    Miniature che...crescono

    Ciao a tutti.
    Nel mio sito vorrei fare in modo che, passando con il cursore sulle miniature delle foto che si trovano su un lato della pagina, sul lato opposto appaia la relativa immagine ingrandita.
    In pratica vorrei qualcosa di simile a ciò che si può trovare all'indirizzo http://www.lucapalmieri.it/images/egypt/egypt.html e poi si clicca sulla cartina dell'egitto in corrispondenza di una delle località indicate: si apre una finestra che mostra perfettamente l'effetto che vorrei ottenere!
    Vi sarei molto grato se potreste indicarmi come riuscire a fare ciò.
    Gianluca

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    2,245
    Si chiama pop up tu vuoi mette che ad on click ti si apre un'altra pagina che le foto che dicevi tu vero?

  3. #3
    Utente di HTML.it L'avatar di Spaolithos
    Registrato dal
    Oct 2001
    Messaggi
    5,772
    Non si tratta di pop-up!!
    Una cosa del genere la si realizza con uno script e con i livelli.
    Anche io ho aderito al NoKappa

  4. #4

    Grazie ancora non ci siamo

    Innanzi tutto grazie a tutti e due per avermi risposto.

    Ora non so se si tratti di pop up o altro (cmq non credo)

    Come detto, ciò che vorrei è in partica ciò che trovate all'indirizzo http://www.lucapalmieri.it/images/egypt/egypt.html ciccando sulla cartina dell'egitto in corrispondenza di una delle località indicate: si apre una finestra che mostra perfettamente l'effetto che vorrei ottenere!
    Nella parte destra dello schermo ho tante miniature e nella parte di sinistra appare l'immagone ingrandita relativa alla miniatura selezionata (a dx).
    é possibile avere le istruzioni per fare ciò?
    Grazie ancora

  5. #5
    Utente di HTML.it L'avatar di Spaolithos
    Registrato dal
    Oct 2001
    Messaggi
    5,772
    Occorrerebbe -a mio avviso- uno script del genere:
    codice:
    <script> 
    function showLivello1() { 
    document.getElementById("Livello1").style.visibility= "visible"; 
    } 
    function hideLivello1() { 
    document.getElementById("Livello1").style.visibility= "hidden"; 
    } 
    
    function showLivello2() { 
    document.getElementById("Livello2").style.visibility= "visible"; 
    } 
    function hideLivello2() { 
    document.getElementById("Livello2").style.visibility= "hidden"; 
    } 
    </script>
    e così via...
    Aggiungi tante funzioni per quanti livelli desideri (di default gli dai il parametro visibility:hidden), nei quali metterai l'immagine che apparirà al passaggio del mouse.

    Poi crei un altro livello in cui metti l'immagine mappata, ed associ i link ai livelli di cui prima, con l'evento onMouseover e onMouseout, in questo modo:

    codice:
    href="#" onMouseover="showLivello1()" onMouseout="hideLivello1()"
    Anche io ho aderito al NoKappa

  6. #6
    Ciao Spaolithos,
    se possibile vorrei chiederti un esempio su come utilizzare lo script che mi hai suggerito, magari indicando dove mettere le varie immagini chiamate magari con imm01, imm02 imm03 ecc... tenendo conto
    che per la realizzazione del mio sito utilizzo Front Page.
    Ciao e Grazie

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.