kald ektern javascript automatisk når en side loades
HejsaJeg har de sidste par dage siddet og prøvet at lære lidt html5. Jeg har nu fået opbygget en side, og vil gerne kalde et banner jeg har lavet med javascript. Dette banner vil jeg gerne have startet når siden loades i <header id="header">. Er der nogle der ved hvordan jeg kalder mit eksterne banner til at starte automatisk?
jeg sætter lige hele koden ind for en god ordensskyld.
<!DOCTYPE html>
<html>
<head>
<meta charset="US-ASCII">
<title>Index</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="javascript/animation.js"></script>
</head>
<body>
<div id="big_wrapper">
<header id="header">
<script language="javascript">showImage();</script>
</header>
<nav id="nav">
<ul>
<li>Home</li>
<li>Pictures</li>
<li>Articles</li>
<li>News</li>
<li>Contact</li>
</ul>
</nav>
<section id="mainsection">
<article id="article">
<header>
<hgroup>
<h1>Headline</h1>
<h2>Text</h2>
</hgroup>
<p>This is the main content</p>
</header>
<footer>
Written By Mads
</footer>
</article>
<article>
<header>
<p>This is a picture</p>
</header>
<figure id="pictures">
<img src="img/tavle.jpg" width="200px" height="150px">
<figcaption>Dette er en tavle</figcaption>
</figure>
<footer>
<p>Taken By Mads</p>
</footer>
</article>
</section>
<aside id="side_news">
<h4>Yesterday News</h4>
</aside>
<aside id="side_news">
<h4>Old News</h4>
</aside>
<footer id="footer">
By | Mads
</footer>
</div>
</body>
</html>
_____
javascript
var img = [
"img/1.jpg",
"img/2.jpg",
];
img.current = 0;
function showImage(i) {
$('#img').fadeOut( function() {
this.src = img[img.current];
$(this).fadeIn();
});
}
function NextImage() {
img.current = (img.current+1) % img.length;
showImage(img.current);
}
function PreviousImage() {
if (--img.current < 0) { img.current = img.length - 1; }
showImage(img.current);
}
onload = function(){
showImage(0);
};
Med Venlig Hilsen
Mads
