1
Automatiskt bildbyte
Postat av AimonU den 9 December 2016, 09:37
18 kommentarer · 443 träffar
Jag arbetar på en kod som ska möjliggöra ett automatiskt bildbyte, det ska även gå att byta själv med nästa och föregående knappar. Dock så fungerar inte det automatiska bytet och inte heller att använda knapparna http://www.youidesign.se/
Koden ser ut såhär:
<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];
}
{
setInterval(displayNextImage, 1000);
}
startTimer()
var images = [], x = -1;
images[0] = "https://i.imgur.com/Yvjs2J4.jpg";
images[1] = "https://i.imgur.com/CTmhFix.png";
images[2] = "https://i.imgur.com/AR6nXSG.jpg";
</script>
Och sen:
<body>
<div id="container">
<header>
<img id="img" = img src="https://i.imgur.com/sq18Gjk.jpg">
<button type="button" onclick="displayPreviousImage()">Föregående bild</button>
<button type="button" onclick="displayNextImage()">Nästa bild</button>
Något proffs som kan hjälpa till? :)
Koden ser ut såhär:
<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];
}
{
setInterval(displayNextImage, 1000);
}
startTimer()
var images = [], x = -1;
images[0] = "https://i.imgur.com/Yvjs2J4.jpg";
images[1] = "https://i.imgur.com/CTmhFix.png";
images[2] = "https://i.imgur.com/AR6nXSG.jpg";
</script>
Och sen:
<body>
<div id="container">
<header>
<img id="img" = img src="https://i.imgur.com/sq18Gjk.jpg">
<button type="button" onclick="displayPreviousImage()">Föregående bild</button>
<button type="button" onclick="displayNextImage()">Nästa bild</button>
Något proffs som kan hjälpa till? :)