---
title: "Lite hjälp med ett bildspel"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/187047-lite-hjälp-med-ett-bildspel"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "grennfox"
published: "2011-05-30T12:23:25.000Z"
updated: "2011-05-30T13:28:12.000Z"
replies: 8
views: 1180
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/187047-lite-hjälp-med-ett-bildspel"
---

# Lite hjälp med ett bildspel

## #1 — grennfox, 2011-05-30T12:23Z

Jag har ett väldigt lätt bildspel som visas på ett antal sidor.
Men nu till själva problemet, jag skulle gärna vilja slippa att gå in och ändra på alla sidor varje gång det kommer en ny bild som ska läggas in.

Så jag undrar ifall man kan på något sätt göra så att jag bara behöver gå in o ändra på en sida så ändras det på alla andra oxå.

\<head\> koden:

```
<script language="JavaScript1.1">

var slidespeed=4000

var slideimages=new Array("images/1.jpg","images/2.gif")

var slidelinks=new Array("#","#")

var newwindow=0 //

var imageholder=new Array()
var ie=document.all
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
if (newwindow)
window.open(slidelinks[whichlink])
else
window.location=slidelinks[whichlink]
}
</script>
```

Och body koden:

```
<a href="javascript:gotoshow()"><img src="image1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width=220 height=220></a>

<script language="JavaScript1.1">
<!--

var whichlink=0
var whichimage=0
var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+blenddelay)
}
slideit()

//-->
</script>
```

Uppskattar alla svar :)

Permalänk: https://www.webforum.nu/p/187047

## #2 — voigtann1, 2011-05-30T12:26Z

lägg din JS kod i en egen fil så borde det ju lösa sig själv...

Permalänk: https://www.webforum.nu/p/2276263

## #3 — grennfox, 2011-05-30T12:46Z

okej o sen så länkar man bara till den sidan då lr där man vill att bildspelen ska visas?

Permalänk: https://www.webforum.nu/p/2276266

## #4 — voigtann1, 2011-05-30T12:50Z

ja, förmodligen men känns som den fungera lite sådär i alla webbläsare.

\+ du måste köra den efter att dina bild finns i DOM:en, så lägg den längst ner på sidan så bör det fungera.

Permalänk: https://www.webforum.nu/p/2276268

## #5 — grennfox, 2011-05-30T12:53Z

Okej har du något förslag på hur man kan göra den bättre?

Permalänk: https://www.webforum.nu/p/2276270

## #6 — voigtann1, 2011-05-30T13:05Z

Koden kommer bara fungera i IE, men om du är nöjd med det:

```
var slidespeed = 4000,
	slideimages = ["http://lovisaholmstrom.blogg.se/images/2011/hamster_dagens_stis_2011_st_sweet_cute_148682220.jpg","http://lovisaholmstrom.blogg.se/images/2011/funny-cats-a10_133209394_138545597.jpg"],
	slidelinks = ["#","#"],
	newwindow = whichlink = whichimage = 0,
	imageholder = [],
	ie=document.all,
	blenddelay =  ie ? document.images.slide.filters[0].duration * 1000 : 0;

for (i=0;i<slideimages.length;i++){
	imageholder[i] = new Image();
	imageholder[i].src = slideimages[i]
}

function gotoshow() {
	if (newwindow) {
		window.open(slidelinks[whichlink]);
	} else {
		window.location=slidelinks[whichlink];
	}
}

function slideit() {
	if (!document.images) {return;}

	if (ie){
		document.images.slide.filters[0].apply();
	}

	document.images.slide.src = imageholder[whichimage].src;
	if (ie){
		document.images.slide.filters[0].play();
	}

	whichlink = whichimage;
	
	whichimage = (whichimage < slideimages.length - 1) ? whichimage + 1 : 0;
	
	setTimeout(slideit, slidespeed + blenddelay);

}

slideit();
```

Lägg den i en .js fil så långt ner på din sida )(måste komma efter din HTML kod): 

```
<a href="javascript:gotoshow()"><img src="bilden.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width=220 height=220></a>
```

Så kommer det fungera.

Permalänk: https://www.webforum.nu/p/2276271

## #7 — grennfox, 2011-05-30T13:22Z

Fick det inte att funka, eller om jag missuppfatta dig, men gjorde en helt ny sida och klistra in den koden som du skrev först o döpte den till en js fil.
Sen så la ja in den andra koden där jag ville att bilderna ska visas, men det funkar inte alls.

Permalänk: https://www.webforum.nu/p/2276273

## #8 — voigtann1, 2011-05-30T13:25Z

<http://voigt.se/sandbox/wf/grennfox/fade/>

works.

Permalänk: https://www.webforum.nu/p/2276274

## #9 — grennfox, 2011-05-30T13:28Z

aha nu hänger jag med :)
Tackar så jette mkt för hjälpen :)

Permalänk: https://www.webforum.nu/p/2276275

---

Tråden på webben: https://www.webforum.nu/amne/javascript/187047-lite-hjälp-med-ett-bildspel