×
Felmeddelande :( Din CSS har inte laddats som den ska. Testa reloada sidan.
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? :)

18 kommentarer — skriv kommentar

Kommentarerna nedan är skrivna av användare på Fragbite. Fragbite granskar inte sanningshalten i texten och du uppmanas att själv kritiskt granska och bemöta texten. Förutsätt inte att innehållet i texterna är sanning.
Visa 18 kommentarer

Skriv en kommentar

Laddar..