[JS]table background change

woensdag 24 juni 2009 21:24

Acties:

0 Henk 'm!

Topicstarter

ik ben nogal nieuw qua javascript
maar ik ben een probeersel aan het testen
en ik kom er helaas maar niet uit

het goed was als volgt
2 tabellen naast elkaar
een heeft links en de andere is een soort fotolijstje
bij het drukken wordt de foto verandert in het fotolijstje

dit is wat ik heb

<html>
<head>
<title>foto</title>

<script language="JavaScript">
var backImage = new Array();
backImage[0] = "TS150U.jpg";
backImage[1] = "TS180U.jpg";
backImage[2] = "";

function changeBGImage(whichImage){
if (document.all){
document.all[photoframe].style.backgroundImage = backImage[whichImage];
}
}
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table align="center" border="0">
<tr>
<th scope="col"width="138" height="421"> <p><a href="javascript:changeBGImage(0)">Photo 1</a> </br>
<a href="javascript:changeBGImage(1)">photo 2</a></br></p></th>
<th scope="col" bgcolor="#FFFFFF" width="609" height="394" id="photoframe"></th>
/tr>
</table>
</body>
</html>

woensdag 24 juni 2009 22:41

Acties:

0 Henk 'm!

gvanh

Webdeveloper

Hoezo de document.all ???

Dat is heel Internet Explorer-specifiek. Heeft eigenlijk stiekem niets met Javascript te maken.

Kijk eens naar de functie "document.getElementById()".
Die haalt een element op, op basis van het id van het HTML-element.

Dat is al een hele verbetering van je script, anders werkt het sowieso niet buiten Internet Explorer.

Verder ... kijk eens naar hoe het CSS property background-image werkt.

JavaScript:

1	document.all[photoframe].style.backgroundImage = backImage[whichImage];

Zou iets moeten zijn als

JavaScript:

1	document.getElementById('photoframe').style.backgroundImage = 'url("' + backImage[whichImage] + '")';

Want in CSS zet je een backgroundImage in css

Cascading Stylesheet:

1	background-image: url("plaatje.jpg");

Sterkte!

[ Voor 38% gewijzigd door gvanh op 24-06-2009 22:46 . Reden: aanvulling ]

Reageer

Onderwerpen