[Javascript]Immagini In Bianco e Nero [Archivio]

raff7

07-07-2007, 10:18

salve a tutti, volevo chiedervi come fare per rendere delle immagini in bianco e nero col js per poi farle ritornare colorate al passsaggio del mouse.
:D

nucce

07-07-2007, 10:43

una soluzione (non credo sia l'unica e nenache la migliore) è quella di avere le due immagini (quella a colori e quella in bianco e nero) sovrapposte sulla pagina e tramite css ne imposti una con visibility="visible" e l'altra con visibility="hidden" e al passaggio del mouse inverti la visibilità con js...forse col codice sarà più chiaro:

<html>
<head>
<script language="javascript">
function uno(){
document.all.container1.style.visibility="visible";
document.all.container2.style.visibility="hidden";
}
function due(){
document.all.container1.style.visibility="hidden";
document.all.container2.style.visibility="visible";
}
</script>

<style type="text/css">
#container1{
position:absolute;
top:2in;
left:2in;
width:2in;
visibility:visible;
}
#container2{
position:absolute;
top:2in;
left:2in;
width:2in;
visibility:hidden;
}
</style>
</head>
<body>
<div id="container1">
<img src="/cartella/immagine_colore.jpg" alt="colore" width="300" height="300" onmouseover="javascript:due();">
</div>
<div id="container2">
<img src="/cartella/imagine_bianconero.jpg" alt="biancoEnero" width="300" height="300" onmouseover="javascript:uno();">
</div>
</body>
</html>

raff7

07-07-2007, 11:41

grazie mille per aver risposto, effettivamente questo mi sembrava uno dei metodi più semplici
ma se volessi utilizzare uan sola immagine?

nucce

07-07-2007, 18:34

dall'alto della mia ignoranza ti dico che non si può fare...:D ...a parte gli scherzi non credo si possa fare con 1 sola immagine...ma io di javascript a parte alert("CIAO!!!"); so fare ben poco! quindi magari mi sbaglio!