Immagini link con Javascript
Lunedì 28 Gennaio 2008 - 09:14
di Cesare Lamanna
Problema: molto spesso, in presenza di miniature di immagini collegate con un link alla versione a grandezza naturale, può essere utile segnalare opportunamente che proprio un ingrandimento è ciò che si ottiene con il click. Con un pizzico di CSS e Javascript non intrusivo si può migliorare l’usabilità per questo tipo di scenario.
Una soluzione è quella proposta su CSS Globe, il cui effetto al mouse over potete apprezzare nell’immagine qui sotto. Potete ovviamente provare anche le demo.
Inizialmente lo script non funzionava con IE6 e IE7. Leggendo tra i commenti, il bug sulla versione 7 dovrebbe essere stato risolto (l’ho provato direttamente).
Categoria: Web Design | Permalink
Commenti
1
a me funziona anche col 6
# - postato da Andrea Paiola - 28 Gennaio 2008 - 09:54
2
Carina come idea.
3
Molto carino.
# - postato da daweb - 28 Gennaio 2008 - 11:03
4
Se non fosse per il maledetto IE6 sarebbe possibile ottenere effetti del genere senza Javascript.
Una domanda: sapete come si fa a fare degli onload multipli?
# - postato da Nemesis Design - 28 Gennaio 2008 - 11:32
5
@Nemesis: certo! cerca addOnload su google :D
comunque credo che usare
un cursor:pointer
o un
cursor:url(zoom.gif) pointer
sia più che sufficente :D# - postato da kentaromiura - 28 Gennaio 2008 - 13:21
6
mi sembra proprio utile come trovata, fino ad ora per questo genere di cose andavo a perdere la testa nel mettere in un angoletto della foto una lente di ingrandimento, ovviamente su tante foto sarebbe stato assurdo, ora non più :D
7
idea intuitiva..molto utile alla navigazione!!