Bonjour,

J'utilise un script javascript connu sous le nom de wSlide : Voir ici

Mais je n'arrive pas a régler le temps avant la transition.
On peut par exemple régler la durée de la transition mais pas le temps que "mon image" va resté affiché avant la transition...


Merci.

Montre ton code, car je ne vois aucun défilement automatique dans les démos.

Pardon de ma négligence.

/**
* wSlide 0.1 - http://www.webinventif.fr/wslide-plugin/
* 
* Rendez vos sites glissant !
*
* Copyright (c) 2008 Julien Chauvin (webinventif.fr)
* Licensed under the Creative Commons License:
* http://creativecommons.org/licenses/by/3.0/
*
* Date: 2008-01-27
*/
(function($){

$.fn.wslide=function(h){

h=jQuery.extend({width:150,height:150,pos:1,col:1,effect:'swing',fade:true,horiz:false,autolink:true,duration:3000},h);
			function gogogo(g){
				g.each(function(i){
				    var a=$(this);var e=a.attr('id');
				    if(e==undefined){e='wslide'+i}$(this).wrap('<div class="wslide-wrap" id="'+e+'-wrap"></div>');
				    a=$('#'+e+'-wrap');
				    var b=a.find('ul li');
				    var f=h.effect;
				if(jQuery.easing.easeInQuad==undefined&&(f!='swing'||f!='normal')){
				f='swing'
				}
								
				var g=h.width;
				var j=h.height;
				
                                function resultante(a){
					var b=a;
					b=b.split('px');b=b[0];
					return Number(b)
					}
									
				var k=g-(resultante(b.css('padding-left'))+resultante(b.css('padding-right')));
				var l=j-(resultante(b.css('padding-top'))+resultante(b.css('padding-bottom')));
				var m=h.col;
				if(h.horiz){
				m=Number(b.length+1)
				}
									
				var n='';
				var o=Math.ceil(Number(b.length)/m);
								a.css('overflow','hidden').css('position','relative').css('text-align','left').css('height',j+'px').css('width',g+'px').css('margin','0').css('padding','0');a.find('ul').css('position','absolute').css('margin','0').css('padding','0').css('width',Number((m+0)*g)+'px').css('height',Number(o*j)+'px');b.css('display','block').css('overflow','hidden').css('float','left').css('height',l+'px').css('width',k+'px');

b.each(function(i){
var b=a.offset();
var c=$(this).offset();
$(this).attr('id',e+'-'+Number(i+1)).attr('rel',Number(c.left-b.left)+':'+Number(c.top-b.top));

n+='<a href="#'+e+'-'+Number(i+1)+'">'+Number(i+1)+'</a>'
	});
	
	if(typeof h.autolink=='boolean'){
		if(h.autolink){
		a.after('<div class="wslide-menu" id="'+e+'-menu">'+n+'</div>')
		}
	}

	else if(typeof h.autolink=='string'){
		
		if($('#'+h.autolink).length){
			$('#'+h.autolink).html(n)
			}
		
		else {
			a.after('<div id="#'+h.autolink+'">'+n+'</div>')
			}
	}
											
	var p='#'+e+'-';
	var q="";
	$('a[href*="'+p+'"]').click(function(){
	$('a[href*="'+q+'"]').removeClass("wactive");
	$(this).addClass("wactive");
	var b=$(this).attr('href');
	b=b.split('#');
	b='#'+b[1];q=b;
	var c=$(b).attr('rel');
	c=c.split(':');
	var d=c[1];
	d=-d;
	c=c[0];
	c=-c;
	
	if(h.fade){
		a.find('ul').animate({opacity:0},h.duration/2,f,function(){$(this).css('top',d+'px').css('left',c+'px');$(this).animate({opacity:1},h.duration/2,f)})
		}
	
	else{
		a.find('ul').animate({top:d+'px',left:c+'px'},h.duration,f)
		}
	
	return false
	
	});
	
	if(h.pos<=0){
		h.pos=1
		}
	
	$('a[href$="'+p+h.pos+'"]').addClass("wactive");
	var r=$('a[href*="'+p+'"]:eq('+Number(h.pos-1)+')').attr('href');
	r=r.split('#');
	r='#'+r[1];
	q=r;
	var s=$(r).attr('rel');
	s=s.split(':');
	var t=s[1];
	t=-t;
	s=s[0];
	s=-s;
	a.find('ul').css('top',t+'px').css('left',s+'px')
	
	})
				}
				gogogo(this);
				return this
				}
			})			
(jQuery);

Merci

Bonjour,

Je pense que tu dois modifier cette ligne :

h=jQuery.extend({width:150,height:150,pos:1,col:1,effect:'swing',fade:true,horiz:false,autolink:true,duration:3000},h);

Le : duration:3000

Et montre l'appel de wslide aussi.

kevainxxx > "duration" c'est pour le temps de l'effet de la transition. Et non le temps ou mon 'actualité' reste affiché.

Golmote > C'est bon, c'était en effet au niveau de l'appel de la fonction.

<script type="text/javascript">
// auto loop
$(document).ready(function(){
	var position = 1;
	var tempo = 5000;
	function mouve() {
		position++;
		var table = $('#actumenu a[href*=#ma_liste-'+position+']').click();
		if(position == 4) position = 0;
		setTimeout(function() {
		mouve();
		},tempo+12000);
		}
							
		setTimeout(function() {
				mouve();
				},tempo);
			});
</script>

Comment quoi fallait pas chercher compliqué.

Merci

Bonjour,
Je n'y arrive po (bon ok je suis une bille en javascript et jquery)...
Non je ne vois pas ou faire les aménagement pour appliquer cette "automatisation"
Merci de votre aide...
Dg_Dev