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

    foto ingrandita in popup

    ciao raga, è il mio primo post.
    Problema.
    Ho una pagina con alcune foto piccole 200x100 circa.
    vorrei che cliccandoci sopra si apra in pop up una nuova finestra con dimensioni uguali alla foto e senza barre di explorer.
    devo linkare la foto piccola direttamente al file gif grande o lo devo mettere in un file html?
    uso golive 6 e non capisco un tubo di html e java.
    Help!
    grazie

  2. #2
    Utente di HTML.it L'avatar di cyberman
    Registrato dal
    Mar 2002
    Messaggi
    7,543
    spostato su html


  3. #3

    Re: foto ingrandita in popup

    Originariamente inviato da jake1965
    Ho una pagina con alcune foto piccole 200x100 circa.
    vorrei che cliccandoci sopra si apra in pop up una nuova finestra con dimensioni uguali alla foto e senza barre di explorer.
    devo linkare la foto piccola direttamente al file gif grande o lo devo mettere in un file html?
    Hai provato a fare delle ricerche? Sicuramente trovi qualcosa che fa al caso tuo... Un esempio
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  4. #4
    tra i tag <head> e </head> inserisci questo:

    <script LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
    <!-- nascosto
    function newWindow(foto) {
    winOpts = "width=500,height=370,left=50,top=100,screenx=0,sc reeny=0"
    fotoWindow = window.open("",'fotoWin',winOpts)
    fotoWindow.document.open()
    fotoWindow.document.write(
    "<HTML>"+
    "<HEAD><TITLE>Titolo della tua finestra</TITLE></HEAD>"+
    "<BODY onBLUR='self.focus()' background='../images/sf_pagina.gif'>"+
    "<p align='center'>[img]+foto+[/img]"+
    "<form><div align='center'><center>

    "+
    "<input type='button' value='Chiudi' onClick='self.close()'></p>"+
    "</center></div></form>"+
    "</BODY></HTML>")
    fotoWindow.document.close();

    }
    // fine -->
    </script>

    in corrispondenza della tua foto, invece, metti questo:

    [img]pi/hpim5222.jpg[/img]

    dove gr è, per comodità, il nome della cartella dove so trovano le foto grandi, mentre pi è il nome della cartella dove sono le foto piccole.

    se vuoi vedere come funziona, dai un'occhiata a questo indirizzo:

    http://www.mcva.it/MCVA2006/attivita...motogiro06.htm

    ciao e buon lavoro

  5. #5
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    31
    Ciao volevo creare anche io una cosa del genere, come nel tuo sito.
    In realtà, più che ingrandire, vorrei che cliccando su una freccia si apra il pop-up con l'immagine.
    Purtroppo non riesco a farlo ed in giro ho trovato questo codice:
    javascript:InmPopupImmagine('../images/file.jpg',640,450)

    suggerimenti?

    grazie

  6. #6
    Utente bannato
    Registrato dal
    Jun 2007
    Messaggi
    572
    Ma scusa le leggi le risposte che ti danno?

    AlexMoto ti ha detto come fare!

  7. #7
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    31
    evidentemente non ci sono riuscito, no?

  8. #8
    Utente bannato
    Registrato dal
    Jun 2007
    Messaggi
    572
    Questa è l'esempio della pagina
    che devi usare, hai solo da
    inserire il nome delle tue immagini
    codice:
    <html>
    
    <head>
    <script LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
    <!-- nascosto
    function newWindow(foto) {
    winOpts = "width=500,height=370,left=50,top=100,screenx=0,screeny=0"
    fotoWindow = window.open("",'fotoWin',winOpts)
    fotoWindow.document.open()
    fotoWindow.document.write(
    "<HTML>"+
    "<HEAD><TITLE>Titolo della tua finestra</TITLE></HEAD>"+
    "<BODY onBLUR='self.focus()' background='../images/sf_pagina.gif'>"+
    "<p align='center'>[img]+foto+[/img]"+
    "<form><div align='center'><center>
    
    "+
    "<input type='button' value='Chiudi' onClick='self.close()'></p>"+
    "</center></div></form>"+
    "</BODY></HTML>")
    fotoWindow.document.close();
    
    }
    // fine -->
    </script>
    
    </head>
    
    <body>
    [img]tua_immagine_piccola.jpg[/img]
    </body>
    
    </html>

  9. #9
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    31
    perfetto, davvero molto gentile e preciso.

    grazie1000

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.