skriv ut »Rollover - bakgrundsbild
Byt bakgrundsbild genom att föra muspekaren över den bild du vill ha:
Steg 1:
Lägg koden inom <HEAD>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mark Whitnell (mwhitnel@southeast.net) -->
<!-- Web Site: http://users.leading.net/~mwhitnel -->
<!-- This script and many more are available
free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
if (navigator.appName == "Microsoft Internet Explorer")
{
pic1 = new Image(); pic1.src = "bakgrund1.jpg";
pic2 = new Image(); pic2.src = "bakgrund2.jpg";
pic3 = new Image(); pic3.src = "bakgrund3.jpg";
pic4 = new Image(); pic4.src = "bakgrund4.jpg";
pic5 = new Image(); pic5.src = "bakgrund5.jpg";
pic6 = new Image(); pic6.src = "bakgrund6.jpg";
pic7 = new Image(); pic7.src = "bakgrund7.jpg";
pic8 = new Image(); pic8.src = "bakgrund8.gif";
}
function imagechange(imgName) {
if (navigator.appName == "Microsoft Internet Explorer")
{
document.body.background = eval(imgName + ".src");
}
}
// End -->
</script>
</HEAD>
Steg 2:
Lägg koden inom <BODY>
<BODY>
<a href="#" onMouseOver="imagechange('pic1');">
<img src="bakgrund1.jpg"
border="0"></a>
<a href="#" onMouseOver="imagechange('pic2');"><img
src="bakgrund2.jpg" border="0"></a>
<a href="#" onMouseOver="imagechange('pic3');"><img
src="bakgrund3.jpg" border="0"></a>
<a href="#" onMouseOver="imagechange('pic4');"><img
src="bakgrund4.jpg" border="0"></a>
<a href="#" onMouseOver="imagechange('pic5');"><img
src="bakgrund5.jpg" border="0"></a>
<a href="#" onMouseOver="imagechange('pic6');"><img
src="bakgrund6.jpg" border="0"></a>
<a href="#" onMouseOver="imagechange('pic7');"><img
src="bakgrund7.jpg" border="0"></a>
<a href="#" onMouseOver="imagechange('pic8');"><img
src="bakgrund8.gif" border="0"></a>
</BODY>
OBS! Vill du att bilderna skall förhandsvisas i miniatyr lägger du till:
width="xx" height="xx"
och byter ut "xx" mot dina egna bildmått för varje bild.
