Forum Mjukvara Programmering och digitalt skapande Tråd

Bildspel i html

1
Skriv svar
Permalänk
Medlem
●

Bildspel i html

Hej, Jag håller på att designa en egen hemsida, dock så har jag fastnat med att göra ett bildspel på hemsidans framsida. Jag har skrivit en enkel kod, men bildspelet visar endast första bilden, jag lägger gärna upp koden om någon är villig att kolla vad jag gjort fel...?

Redigera
Citera flera Citera
Permalänk
Medlem
●

Det är väl bara att lägga upp koden inom en Spoiler-tag så kan vi alla kolla på den och försöka hjälpa ^^ Kasta upp koden så tar jag mig en titt! Om det inte är något jag känner igen så finns det säkert andra som vet exakt vad som är fel

(God jul föresten!)

Redigera
Citera flera Citera
Permalänk
Medlem
●

HTML-kod

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	<!-->
	var bild1=new Image()
	bild1.src="volvo.jpg"
	var bild2=new Image()
	bild2.src="audi.jpg"
	var bild3=new Image()
	bild3.src="bmw.jpg"
	//-->
</script>
</head>

<body>
	<img src="volvo.jpg" name="slide" width="400" height="400">
	<script type="text/javascript">
	<!-->
	var step=1
	function slideit(){
	Skrivbord.slide.src=eval("Bilar"+step+".src")
	if(step<3)
	step++
	else
	step=1
	setTimeout("slideit()",4500)
	}
	slideit()
	//-->
</body>

God jul på er alla!

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av J.Goo: 
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	<!-->
	var bild1=new Image()
	bild1.src="volvo.jpg"
	var bild2=new Image()
	bild2.src="audi.jpg"
	var bild3=new Image()
	bild3.src="bmw.jpg"
	//-->
</script>
</head>

<body>
	<img src="volvo.jpg" name="slide" width="400" height="400">
	<script type="text/javascript">
	<!-->
	var step=1
	function slideit(){
	Skrivbord.slide.src=eval("Bilar"+step+".src")
	if(step<3)
	step++
	else
	step=1
	setTimeout("slideit()",4500)
	}
	slideit()
	//-->
</body>

God jul på er alla!

Gå till inlägget

GIssningsvis då variabeln heter bild och inte bilar

Redigera
Citera flera Citera
Permalänk
Medlem
●

Det hjälpte inte heller, bildspelet fastnar på första bilden fortfarande

Redigera
Citera flera Citera
Permalänk
Medlem
●

Städade upp och rättade till din kod lite grann, hur som helst så fungerar den bättre nu.

<!DOCTYPE html>
<html>
<body>
	<img src="volvo.jpg" id="slide" width="400" height="400">
	<script type="text/javascript">
		
		// Lägg dina bilder i en array, enklare att hantera om du vill ha fler
		var bilder = ["volvo.jpg", "audi.jpg", "bmw.jpg"];
		var step = 0;
		// Hämta img-taggen via id:t
		var bildRuta = document.getElementById("slide");
		
		function slideit(){

			// Byt bild genom att ändra src till en annan position i arrayen
			bildRuta.src = bilder[step];

			// Begränsa loopen till att gå genom så många bilder som du har i din array
			if(step < bilder.length-1) {
				step++;
			} else {
				step=0;
			}
		}

		// Sätt ett interval, så behöver den inte uppdatera en timeout varje gång metoden körs
		setInterval("slideit()", 4000);

		slideit();

	</script>
</body>
</html>
Redigera
Citera flera Citera
Permalänk
Medlem
●

Tack så mycket! Nu fungerar det, skulle du kunna förklara varför min kod lagga? samt skulle man kunna lägga till att bilderna tonas bort ?

Senast redigerat
Redigera
Citera flera Citera
1
Skriv svar