Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2010
    Messaggi
    2

    collegamento tra link e immagine

    Innanzitutto, volevo scusarmi con i moderatori.

    Vorrei porvi un quesito:
    Prendendo come riferimento : http://www.dior.com/file/prehome_new/index.html
    Vorrei realizzare in CSS [ quindi escludendo JAVA SCRIPT ] un collegamento tra un link e un'immagine.
    Per farla breve, in che modo posso far cambiare, in modo dinamico, un immagine al passaggio del mouse su di un link ?
    [ come avviene nella navigazione del sito di cui sopra ]


    Spero di essere stata chiara.
    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ora e` molto meglio.

    Non sono riuscito a capire come fanno nel sito segnalato (e` piuttosto complesso, e non ho voglia di analizzare a fondo), ma probabilmente usano JS.

    Comunque con qualche limitazione si puo` fare anche con solo CSS.
    E` la tecnica usata in qualche menu e in qualche galleria.

    Grosso modo la struttura HTML e` questa:
    codice:
    <ul id="menu">[*]<a href="..." title="...">
          testo del link
          <span>[img]...[/img]</span>
      </a>[*]<a ...
          ...
          ...
      </a>
      ...[/list]
    Chiaramente la lista la metti dove vuoi, mentre per gli span vanno trasformati seguendo questo schema:
    codice:
    #menu span {
      position: absolute;
      left: ...;
      top: ...;
    }
    #menu a span {
      display: none;
    }
    #menu a:hover span {
      display: block;
    }
    Naturalmente devi conoscere come si lavora con i posizionamenti (non e` molto semplice, e ci possono essere effetti collaterali negativi): se serve un'infarinata, puoi vedere questi articoli:
    I posizionamenti assoluti
    Capire i posizionamenti relativi

    Nel tuo caso potrebbe valer la pena di riferire la posizione degli span al contenitore generale, lasciando il menu in posizionamento statico (quello standard): in tal modo la loro posizione non dipende dal menu.

    Vedi se con queste info riesci a combinare qualcosa, altrimenti o mediante ricerca nel forum oppure partendo dai "link utili" vedi se trovi qualche galleria o qualche menu che ti possano aiutare.
    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 © 2026 vBulletin Solutions, Inc. All rights reserved.