Timer in slideshow

[WeedSide]

Heey guys daar was ik weer
Ik heb momenteel het volgende:

Regelnummers Aan/Uit | Uitklappen/Inklappen | Selecteer alles

1.  
2.  
3. $(function() {
4.    
5.     $('input.field').
6.     focus(function() {
7.         if(this.title==this.value) {
8.             this.value = '';
9.         }
10.     }).
11.     blur(function(){
12.         if(this.value=='') {
13.             this.value = this.title;
14.         }
15.     });
16.    
17.     var currentPage = 1;
18.     $('#slider .buttons span').live('click', function() {
19.         var timeout = setTimeout(function() {$("img").trigger("slidermove")}, 300);
20.         var fragments_count = $(this).parents('#slider:eq(0)').find('.fragment').length;
21.         var fragmet_width = $(this).parents('#slider:eq(0)').find('.fragment').width();
22.         var perPage = 1;
23.         var numPages = Math.ceil(fragments_count/perPage);
24.         var stepMove = fragmet_width*perPage;
25.         var container = $(this).parents('#slider:eq(0)').find('.content');
26.         var firstPosition = 0;
27.         var lastPosition = -((numPages-1)*stepMove);
28.        
29.         if ($(this).hasClass('next')) {
30.             currentPage ++;
31.             if (currentPage > numPages) {
32.                 currentPage = 1;
33.                 container.animate({'left': firstPosition});
34.                 return;
35.             };
36.             container.animate({'left': -((currentPage - 1)*stepMove)});
37.         };
38.         if ($(this).hasClass('prev')) {
39.             currentPage --;
40.             if (currentPage < 1) {
41.                 currentPage = numPages;
42.                 container.animate({'left': lastPosition});
43.                 return;
44.             };
45.             container.animate({'left': -((currentPage-1)*stepMove)});
46.         };
47.     });
48. });
49.  
50.  

Nu wil ik dat er ook een timer in komt dat na 4 a 5 seconde de slideshow naar de volgende afbeelding gaat. Kan iemand me helpen ?

Greetz en thnxz alvast WeedSide

[fotojeroen]

Als ik zo in de chaos van je code kijk zie ik daar:

var timeout = setTimeout(function() {$("img").trigger("slidermove")}, 300);

Staan. Als je van die 300 eens 4500 maakt, zit je dan niet precies op 4,5 seconde?

[WeedSide]

Uhmm nee, er zit nog geen auto timer in dit is voor als er op 'next' knop wordt geklikt.

Toch bedankt, Greetz WeedSide

[Davey]

Als je zorgt dat de javascript er niet zo rommelig uit ziet zoals nu, dan zou ik er best naar willen kijken, maar dit vind ik de moeite niet waard...

[WeedSide]

Opgelost srry

[Davey]

zoiets?

Regelnummers Aan/Uit | Uitklappen/Inklappen | Selecteer alles

1. $(function()  {
2.  
3.     var interval = setInterval("jQueryClick()", 5000);
4.  
5.     $('input.field').
6.     focus(function() {
7.         if(this.title==this.value) {
8.             this.value = '';
9.         }
10.     }).
11.     blur(function(){
12.         if(this.value=='') {
13.             this.value = this.title;
14.         }
15.     });
16.    
17.     var currentPage = 1;
18.     $('#slider .buttons span').live('click', jQueryClick());
19.  
20.     function jQueryClick() {
21.        
22.         clearInterval ( interval ); // timer resetten na klik
23.        
24.         var timeout = setTimeout(function() {$("img").trigger("slidermove")}, 300);
25.         var fragments_count = $(this).parents('#slider:eq(0)').find('.fragment').length;
26.         var fragmet_width = $(this).parents('#slider:eq(0)').find('.fragment').width();
27.         var perPage = 1;
28.         var numPages = Math.ceil(fragments_count/perPage);
29.         var stepMove = fragmet_width*perPage;
30.         var container = $(this).parents('#slider:eq(0)').find('.content');
31.         var firstPosition = 0;
32.         var lastPosition = -((numPages-1)*stepMove);
33.        
34.         if ($(this).hasClass('next')) {
35.             currentPage ++;
36.             if (currentPage > numPages) {
37.                 currentPage = 1;
38.                 container.animate({'left': firstPosition});
39.                 return;
40.             };
41.             container.animate({'left': -((currentPage - 1)*stepMove)});
42.         };
43.         if ($(this).hasClass('prev')) {
44.             currentPage --;
45.             if (currentPage < 1) {
46.                 currentPage = numPages;
47.                 container.animate({'left': lastPosition});
48.                 return;
49.             };
50.             container.animate({'left': -((currentPage-1)*stepMove)});
51.         };
52.     };
53.  
54. });

[WeedSide]

Nope davey sorry die doet het niet
Toch bedankt voor de moeite !
Greetz WeedSide

[Davey]

heb je een live voorbeeld?

[WeedSide]

http://zillamedia.nl/pas

Moet nu even weg hopelijk gaat je lukken Thnxz bro !
Greetz Weedy

[Davey]

jQuery is iig niet echt mijn ding...
Ik hoop dat dit het is anders geef ik op

Regelnummers Aan/Uit | Uitklappen/Inklappen | Selecteer alles

1.  
2. $(function()  {
3.  
4.     var Sinterval = setInterval("jQueryClick('volgende')", 5000);
5.  
6.     $('input.field').
7.     focus(function() {
8.         if(this.title==this.value) {
9.             this.value = '';
10.         }
11.     }).
12.     blur(function(){
13.         if(this.value=='') {
14.             this.value = this.title;
15.         }
16.     });
17.    
18.     var currentPage = 1;
19.     $('#slider .buttons span').live('click', function() {
20.         jQueryClick();
21.     });
22.  
23.  
24.     function jQueryClick(wat) {
25.  
26.         clearInterval ( Sinterval ); // timer resetten na klik
27.  
28.         var timeout = setTimeout(function() {$("img").trigger("slidermove")}, 300);
29.         var fragments_count = $(this).parents('#slider:eq(0)').find('.fragment').length;
30.         var fragmet_width = $(this).parents('#slider:eq(0)').find('.fragment').width();
31.         var perPage = 1;
32.         var numPages = Math.ceil(fragments_count/perPage);
33.         var stepMove = fragmet_width*perPage;
34.         var container = $(this).parents('#slider:eq(0)').find('.content');
35.         var firstPosition = 0;
36.         var lastPosition = -((numPages-1)*stepMove);
37.        
38.         if ($(this).hasClass('next') || wat == "volgende") {
39.             currentPage ++;
40.             if (currentPage > numPages) {
41.                 currentPage = 1;
42.                 container.animate({'left': firstPosition});
43.                 return;
44.             };
45.             container.animate({'left': -((currentPage - 1)*stepMove)});
46.         };
47.         if ($(this).hasClass('prev') || wat == "terug") {
48.             currentPage --;
49.             if (currentPage < 1) {
50.                 currentPage = numPages;
51.                 container.animate({'left': lastPosition});
52.                 return;
53.             };
54.             container.animate({'left': -((currentPage-1)*stepMove)});
55.         };
56.  
57.     };
58.  
59. });

[WeedSide]

Nogmaals bedankt davey maar helaas is ook dit niet het goede
Toch bedankt !! Greetz WeedSide

[Davey]

Maar werkt er wel iets of helemaal niks?

[WeedSide]

No helemaal niets, ook de knoppen doen het dan niet meer
Hier wordt van alles gebralt misschien heb je er wat aan dave.
http://wmcity.nl/forum_topic.php?id=690942&ppp=20
Ik kom er echt niet uit geef mij ma php en html
Greetz WeedSide

[Base02]

Niet liegen, ik ken je jij LOVE JQuery hahahaha

[WeedSide]

Niet liegen, ik ken je jij LOVE JQuery hahahaha

Houden van is iets anders dan helemaal beheersen moatje
P.s. Welkom op WSF

Greetz WeedSide