Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Immagine su immagine

  1. #1

    Immagine su immagine

    Salve a tutti...

    vorrei fare una cosa del genere....

    sulla mia immagine, far apparire in basso a destra un'altra immagine semi traparente (una lente di ingrandimento) così l'utente capisce che cliccando sull'immagine la vede più grande...

    Possibile farlo con i CSS?

    Grazie

    L
    Luca

  2. #2
    Purtroppo non l'ho testato ma prova a vedere se può andare.

    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <
    head>
            <
    title>Prova</title>
            <
    meta http-equiv="content-type" content="text/html; charset=utf-8" />
                <
    style type="text/css">        
                
    #zoom
                
    {
                    
    positionabsolute;
                    
    top20px;
                    
    left20px;
                }
            </
    style>
        </
    head>
        <
    body>
            <
    div>
                [
    img]foto.jpg[/img]
                <
    div id="zoom">[img]zoom.png[/img]</div>
            </
    div>
        </
    body>
    </
    html

  3. #3
    Prima di tutto, grazie per aver risposto... La tua soluzione funziona soltanto se l'immagine è l'unico contenuto della pagina... infatti hai settato posizione assoluta... dovrei mettere la posizione relativa all'oggetto che la contiene (la lente)

    Sai come fare?
    Luca

  4. #4
    Mannaggia scusa.
    Quindi come immagino vuoi che se sposto in qualsiasi parte la foto. L'icona dello zoom sia sempre ad esempio in basso a destra della medesima immagine?
    Ci penso e ritornero.

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Solo uno spunto di riflessione per ambedue:
    I posizionamenti assoluti
    Capire i posizionamenti relativi
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.