[DHTML] ROLLOVER IMMAGINE: come sezionarla e darle effetto

[TorpedoBlu]

Ho un'immagine di 4 persone in piedi, vorrei che fosse tutta in ombra e al passare del mouse si accendesse sul personaggio selezionato, con la possibilità di cliccare per avere informazioni su esso.

la soluzione cretina sarebbero 4 immagini con effetto di rollover su ognuna dove l'immagine cambia (da scura a chiara) ma penso ci siano librerie javascript o simili per gestire al cosa, oppure no?

[TorpedoBlu]

up

[vladix]

da un occhiata qui (http://www.dynamicdrive.com/dynamicindex15/index.html)

[TorpedoBlu]

sarà possibile usare questo effetto:
http://www.dynamicdrive.com/dynamicindex4/spotlight.htm

su un'immagine e attivare un link in base a che punto dell'immagine viene cliccato?


EDIT : come non detto... non funziona su firefox


mi tocca usare questo
http://www.dynamicdrive.com/dynamicindex11/gradualfader.htm

sull'immagine divista in 4 strisce verticali... peccato però

[vladix]

io nn sono un genio con javascript , ( e ora nn ho neqanche tempo x provare ) ma di sicuro ce un modo x addatare quel script a firefox

qualche "javascript guru" si faccia avanti :D

[TorpedoBlu]

up

[MasterDany]

usa i CSS quando vai allo stato hover abbassi l'opacità..semplice no?

[MasterDany]

img#personaggio a{
...
}

img#personaggio a:hover{
...
}

Ciao :stordita:

[TorpedoBlu]

img#personaggio a{
...
}

img#personaggio a:hover{
...
}

Ciao :stordita:

ehm si, ma se leggi bene io chiedo come fare senza usare le tabelle, senza dividere fisicamente l'immagine

[MasterDany]

lo puoi fingere attacchi le 4 immagini così:

*{
margin:0;
padding:0;
border:0;
}
Cosi risolvi il problema il visitatore vederà tutto attaccato come fosse un unica immagine... :cool:

[TorpedoBlu]

lo puoi fingere attacchi le 4 immagini così:

*{
margin:0;
padding:0;
border:0;
}
Cosi risolvi il problema il visitatore vederà tutto attaccato come fosse un unica immagine... :cool:

dunque, sono d'accordo e conosco la soluzione.. ma infatti io cerco una soluzione che mi faccia gestire la cosa su una sola immagine, per non doverla sezionare.

[MasterDany]

a sto punto puoi provare con flash è facile...