Visualizzazione dei risultati da 1 a 7 su 7

Discussione: foto gallery

  1. #1

    foto gallery

    ciao a tutti.
    ho un piccolo problema, ho creato una foto gallery, con le foto in miniatura tutto ok, nella stessa pagina dovrebbero aprirsi le immagini ingrandite in una determinata finestra.
    invece quando clicco sulla foto in miniatura, si apre un'altra pagina.
    l'errore dovrebbe essere che non ho assegnato al link della foto il giusto percorso CSS.
    la guida che ho utilizzato l'ho trovato qui. si chiama "gallery"
    potete aiutarmi?

    grazie

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    se per
    nella stessa pagina dovrebbero aprirsi le immagini ingrandite in una determinata finestra
    intendi una popup, il modo meno "macchinoso" è usare javascript


  3. #3

  4. #4
    grazie per la risposta, in effetti sto utilizzando una sorta di popup con un javascript, il problema è proprio questo.
    invece di aprirsi un popup, si apre una nuova pagina.
    devo modificare il codice CSS che ho incrementato per la gallery.
    il link che ho integrato con la miniatura e foto originale. punta direttamnte alla foto originale, e non al javascript.

  5. #5
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310
    se non ci posti del codice, o il link alla pagina in questione, è difficile che qualcuno riesca ad aiutarti
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  6. #6
    codice html

    <div id="gallery3">
    <div id="zoom">
    <h3 id="titolo">Clicca sulle miniature per vedere gli ingrandimenti.</h3>
    [img]empty.jpg[/img]
    </div>
    <div id="minipics">
    <div class="h_text"><strong class="b_text Stile3">ILLUMINAZIONE PRESSO STUDIO COMMERCIALISTI[/b]

    <ul>[*][img]images/commint1m.jpg[/img][*][img]images/commint2m.gif[/img][*][img]images/lavoro1.gif[/img][*][img]images/commint3.gif[/img]
    [*][img]images/studiest1.gif[/img][*][img]images/studioest2.gif[/img]


    <strong class="b_text Stile3">IMPIANTO ELETTRICO PRESSO BRUNO MOTO NUOVA ESPOSIZIONE YAMAHA[/b]
    [*][img]images/bruno2.gif[/img]
    [*][img]images/bruno1.gif[/img][*][img]images/bruno3.gif[/img]

    [/list]
    </div>
    </div>
    questo è il codice CSS
    html{margin:0;padding:0}
    body{font: 12px arial,sans-serif;margin:0;padding: 0 5px}
    img{border:0}
    div#container{width:620px}
    div#middle h2{margin:0 0 15px 10px;font-size:100%}
    div#zoom{float:right;margin:0 0 5px 0;padding: 5px;border:1px solid #ccc}
    div#zoom h3{margin:0;font-size:100%;color: #666;text-align:center}
    div#zoom img{display:block;width:400px;height:400px}
    div#minipics{margin: 0 410px 0 10px}
    div#minipics ul{list-style-type: none;margin: 0;padding: 0}
    div#minipics li{float:left;margin:0 3px 3px 0}
    div#minipics img{width:20px;height:20px}

  7. #7
    questo codice funziona correttamente se, utilizzato su una pagina nuova.
    io devo inserirlo in una pagina già esistente e per la precisone questa www.tecnoeasy.org/lavori.html

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.