Om du ska använda document.getElementById() på rätt sätt ser det ut så här:
<img src="bild.gif" id="bildens_namn" />
...
<script>
document.getElementById("bildens_namn").src="bild2.gif";
Frågan#1
Hejsan
Eftersom XHTML Strict inte stödjer attributen name="" på <img /> taggar så
tänkte jag byta ut det mot id="".
Jag har en onmouseover function för bilderna som ser ut såhär:
<style type="text/javascript">
if (document.images) {
bild_1_on=new Image;
bild_1_on.src="interface/startsida_v.gif";
bild_1_off=new Image;
bild_1_off.src="interface/startsida_r.gif";
}
function rollIn(imgName) {
if (document.images) {
document[imgName].src=eval(imgName + "on.src");
}
}
function rollOut(imgName) {
if (document.images) {
document[imgName].src=eval(imgName + "off.src");
}
}
</script>
<a href="index.php" onmouseover="rollIn('bild_1_')" onmouseout="rollOut('bild_1_')">
<img src="interface/startsida_r.gif" name="bild_1_" style="border: 0px; width: 100px;" alt="Startsida" /></a>
Jag har försökt att byta ut document.images till document.getElementById('images') och sen byta name="" mot id="" men det funkar inte.
Tips någon?
/ Red: Hjälpte visst och söka lite :OO
<img src="interface/startsida_r.gif" onmouseover="this.src='interface/startsida_v.gif';"
onmouseout="this.src='interface/startsida_r.gif';" style="border: 0px; width: 100px;" alt="Startsida" />
Är ju uppenbarligen det ända som behövs.