Ciao!
Ho nel bel mezzo di una immagine bella grande una zona cliccabile.. vorrei che al passaggio del mouse succedesse qualcosa (qualsiasi cosa vi venga in mente: l'importante è contraddistinguere la zona che si può cliccare).. magari anche con un hover...
Mi potete aiutare?
Si... un hover... la img cambia con "se stessa" ma ricolorata là dove la vuoi evidenziare... no?Originariamente inviato da Onlin3
magari anche con un hover...
Mi potete aiutare?
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
Sarebbe perfettO!Però io non so farlo.. mi puoi dare una mano?
Ciao, eccoti un esempio di un'area cliccabile con sfondo colorato..
lo sfondo ovviamente può anche essere un'immagine (diversa per lo stato hover e per quello normale)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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title>
<style>
.prova{
display:block;
width:200px;
height:200px;
background:#666;}
.prova:hover{
background:#060;}
</style>
</head>
<body>
<div class="prova"> </div>
</body>
</html>
Spero di esserti stato utile
ma l'oggetto dell'hover deve essere l'area cliccabile che si trova nell'immagine..
puoi postare la parte di codice interessata?
Certo, eccolo..
codice:<!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"> <head> <style> </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>titolo</title> </head> <body> <div align="center"> [img]immagine.jpg[/img] <map name="Map" id="Map"> <area id="area" shape="poly" coords="93,508,530,508,530,531,549,531,549,560,305,560,305,584,93,584" href="pagina.html" /> </map> </div> </body> </html>
Non sono molto bravo con le mappe... a dire il vero non le ho mai usate..
Quando ho avuto la necessità, ho seguito un tutorial dove veniva spiegato come fare tutto con le liste e i css.
comunque mi pare di aver capito che è l'elemento con id="area" ad essere cliccabile, giusto?
puoi provare a dargli un :hover con i css.. ma temo non sia così semplice.
Se la mappa ti serve solo per quell'area io ti consiglio un'altra soluzione:
Crei un div delle dimensioni dell'immagine totale e gli dai l'immagine come sfondo
(dagli display:block, width: xxxpx, height: xxxpx, position:relative)
poi al suo interno crei un div più piccolo e col posizionamento assoluto lo fai andare esattamente sopra l'area cliccabile, gli dai display:block e dimensioni necessarie e, con hover gli dai lo sfondo...
spero di essere stato chiaro, in caso contrario come ho tempo ti posto un po' di codice
nono sei stato chiarissimo! è una buona soluzione.. però prima voglio provare con l'hover sull'area cliccabile.. nel caso che non facesse proprio senz'altro mi darò ai livelli come hai detto tu
Permessi di invio
Rispondi quotando