problemen met js slideshow
ik heb hier een script voor een Slideshow. Verder heb ik 3 images a.jpg + b.jpg + c.jpg. Ik weet niet wat ik moet doen om het script volledig te laten werken.Ik ken geen JS. Weet iemand wat ik moet doen? Dit het script:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
// * Dependencies *
// this function requires the following snippets:
// JavaScript/images/switchImage
//
// BODY Example:
// <body onLoad="mySlideShow1.play(); mySlideShow2.play();">
// <img src="originalImage1.gif" name="slide1">
// <img src="originalImage2.gif" name="slide2">
//
// SCRIPT Example:
// var mySlideList1 = ['image1.gif', 'image2.gif', 'image3.gif'];
// var mySlideShow1 = new SlideShow(mySlideList1, 'slide1', 3000, "mySlideShow1");
// var mySlideList2 = ['image4.gif', 'image5.gif', 'image6.gif'];
// var mySlideShow2 = new SlideShow(mySlideList2, 'slide2', 1000, "mySlideShow2");
function SlideShow(slideList, image, speed, name)
{
this.slideList = slideList;
this.image = image;
this.speed = speed;
this.name = name;
this.current = 0;
this.timer = 0;
}
SlideShow.prototype.play = SlideShow_play;
function SlideShow_play()
{
with(this)
{
if(current++ == slideList.length-1) current = 0;
switchImage(image, slideList[current]);
clearTimeout(timer);
timer = setTimeout(name+'.play()', speed);
}
}
// this function requires the following snippets:
// JavaScript/images/switchImage
//
// BODY Example:
// <body onLoad="mySlideShow1.play(); mySlideShow2.play();">
// <img src="originalImage1.gif" name="slide1">
// <img src="originalImage2.gif" name="slide2">
//
// SCRIPT Example:
// var mySlideList1 = ['image1.gif', 'image2.gif', 'image3.gif'];
// var mySlideShow1 = new SlideShow(mySlideList1, 'slide1', 3000, "mySlideShow1");
// var mySlideList2 = ['image4.gif', 'image5.gif', 'image6.gif'];
// var mySlideShow2 = new SlideShow(mySlideList2, 'slide2', 1000, "mySlideShow2");
function SlideShow(slideList, image, speed, name)
{
this.slideList = slideList;
this.image = image;
this.speed = speed;
this.name = name;
this.current = 0;
this.timer = 0;
}
SlideShow.prototype.play = SlideShow_play;
function SlideShow_play()
{
with(this)
{
if(current++ == slideList.length-1) current = 0;
switchImage(image, slideList[current]);
clearTimeout(timer);
timer = setTimeout(name+'.play()', speed);
}
}
Code tags toegevoegd en titel aangepast.[/modedit]
Gewijzigd op 05/05/2012 14:24:51 door Bas IJzelendoorn
2) Wat is je probleem, wat gebeurt er, wat doe je precies?
Toevoeging op 05/05/2012 14:22:14:
heeft niemand een kant en klaar antwoord?
Gewijzigd op 05/05/2012 14:37:48 door Bas IJzelendoorn
Waar jij eigenlijk je script van gecopieerd hebt:
/*function switchImage(imgName, imgSrc)
{
if (document.images)
{
if (imgSrc != "none")
{
document.images[imgName].src = imgSrc;
}
}
}*/
Je kan ook een andere slider zoeken die kant en klaar is?
jQuery Slider.
google anders even op een jQuery oplossing voor je afbeeldingen te 'sliden'. Een beetje puzzelen en je komt er wel uit. Staan heel veel voorbeeldingen/handleidingen over hoe je dit werkzaam kunt krijgen.
PS: binnen 4 uur al zoeveel replies is toch best netjes :)
Gewijzigd op 05/05/2012 18:19:14 door Dave L
Ik weet ook nog een goeie namelijk Tiltviewer.
Dat vind ik een mooie, mooi layout en zeer leuk om te gebruiken.