ciauz a tutti, sono due ore che sto sbattendo la testa contro questo problema e non riesco a venirne a capo...
allora, il problema nei dettagli è il seguente:
devo realizzare un'effetto "preview" (quindi ingrandimento di un'immagine) col rollover...niente di più semplice direte voi, e in effetti anche io...ma c'è un problemone: se rendo l'immagine cliccabile e ci creo l'effetto "onmouseover" quando si ingrandisce l'effetto "onmouseout" viene attivato quando esce dall'immagine grande, e quindi il mouse è già sopra l'immagine successiva senza lasciarmi il tempo di decidere dove spostarmi...
quindi mi son detto: perchè non creare un div fantasma delle stesse dimensioni e nella stessa posizione dell'immagine, ma in posizione "sopraelevata" tramite la proprietà z-index dei css...
risultato perfetto (a parte un'aggiustatina di mettere un tag <a> anzicchè <div> così mi mantiene il link)...peccato che funzioni solo con firefox in quanto explorer rileva quel tag vuoto e quindi gli dà dimensioni nulle pur avendo io specificato che deve essere 100px x 100px...
avevo pensato di mettervi un'immagine trasparente, ma potete ben capire come questa soluzione sia contro tutte le norme di "buona scrittura" del codice (non che le idee precedenti fossero ortodosse, ma almeno passabili)...
idee??
per farvi capire meglio vi posto il link della pagina in questione: link
grazie di tutto ^^
Rispondi quotando
