Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>change picture</title>
- <script type = "text/javascript">
- function displayNextImage() {
- x = (x === images.length - 1) ? 0 : x + 1;
- document.getElementById("img").src = images[x];
- }
- function displayPreviousImage() {
- x = (x <= 0) ? images.length - 1 : x - 1;
- document.getElementById("img").src = images[x];
- }
- function startTimer() {
- setInterval(displayNextImage, 30000);
- }
- var images = [], x = -1;
- images[0] = "image1.jpg";
- images[1] = "image2.jpg";
- images[2] = "image3.jpg";
- </script>
- </head>
- <body onload = "startTimer()">
- <img id="img" src="startpicture.jpg"/>
- <button type="button" onclick="displayPreviousImage()">Previous</button>
- <button type="button" onclick="displayNextImage()">Next</button>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement