Miért csak egyszer tudom kicserélni a két képet? (JavaScript)
Egy olyan kis JavaScript cuccról lenne szó, ami ha rákattintunk egy képre, akkor átvált egy másikra, ha pedig újra rákattintunk, visszahozza az eredeti képet. A következő kódot gépeltem be:
<html>
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset = utf-8"/>
</head>
<script language = "javascript">
function changeImage() {
if(document.images['smiley'].src = "smile.jpg") {
document.images['smiley'].src = "sad.jpg";
}
else if(document.images['smiley'].src = "sad.jpg") {
document.images['smiley'].src = "smile.jpg";
}
//Ez az else ág soha nem fog végrehajtódni
else {
alert('Ez nem történhet meg');
}
}
</script>
<body>
<img name = "smiley" src = "smile.jpg" onclick = "changeImage()">
</body>
</html>
Megnyitom a böngészőmmel, a kép meg is jelenik. Rákattintok, átváltja a képet, idáig jó. Ha még egyszer rákattintok, nem hozza vissza az eredeti képet. Mit rontottam el?
Segíts magadon, isten... illetve a JS is megsegít.
Az alert-ben írasd ki, mi van a document.images['smiley'].src-ben, és meglátod, mi a gond.
Használd ezt az if-en belül:
document.images['smiley'].attributes['src'].value
function changeImage() {
if(document.images['smiley'].src = "smile.jpg")
{
document.images['smiley'].src = "sad.jpg";
}
else
{
document.images['smiley'].src = "smile.jpg";
}
}
Ha a "smile.jpg" van a képen lecseréli "sad.jpg"-re ha nem az van akkor lecseréli "smile.jpg"-re.
Nem kell túlbonyolítani.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!