Byta bilder

hobbywebbisen · 2011-02-20, 10:47

Nja, det var ingen "Slider" jag var ute efter - nåt som gör att den "fasta" bilden på sidan byter till en annan på samma plats. Gör man nån sorts länk till en annan bild då eller?

P3N · 2011-02-20, 11:12

exempel:

*edit* Ändrade lite i precachen för att slippa skriva bild länkarna mer än en gång

Kod:

<html>
<head>
<script type="text/javascript">

var myArrayPic= new Array();

myArrayPic[1] = "Bilder/bild1.jpg";
myArrayPic[2] = "Bilder/bild2.jpg";
myArrayPic[3] = "Bilder/bild3.jpg";

img1 = new Image();
img1.src = myArrayPic[1];
img2 = new Image();
img2.src = myArrayPic[2];
img3 = new Image();
img3.src = myArrayPic[3];

var MyCurrentPic = 1;
var MilliSecBetweenPicChange = 2000;

function NextBgPic(){
document.getElementById("MyPictureDiv").style.backgroundImage = "url('" + myArrayPic[MyCurrentPic] + "')";
	if (MyCurrentPic != 3){
		MyCurrentPic = MyCurrentPic + 1;
	}
	else {
		MyCurrentPic = 1;
	}
	setTimeout("NextBgPic()", MilliSecBetweenPicChange);
}
</script>
</head>
<body>
<div id="MyPictureDiv" style="background-image: url('Bilder/bild1.jpg'); width:300px; height:400px;">

<div>
<script type="text/javascript">
NextBgPic();
</script>
</body>

</html>

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Byta bilder