Discussion :

[SpaceFrog]

J'utilise actuellement une limitation de drag qui autorise une translation horizontale max et min
J'arrive à forcer les limites sur le onload, mais comment conserver les limites relatives lors d'un onresize ?
Actuellement les limites sont calculées sur le ready, mais se retrouvent décalées après un resize de l'ecran

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$(function(){
 var pos=	$('#slider').offset().left;
 var minX = pos-530; // farthest to left it can go
 var maxX = pos+420; // farthest to right it can go
 var yPosition = 0; // set to your y position
      $('#slider').draggable({containment: [minX,yPosition,maxX,yPosition]});
 
});

J'ai tenté ceci sans succès ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$(function(){
function foo(){
var pos=	$('#slider').offset().left;
var  minX = pos-530; // farthest to left it can go
var maxX = pos+420; // farthest to right it can go
var  yPosition = 0; // set to your y position
 $('#slider').draggable({containment: [minX,yPosition,maxX,yPosition]});
}
 
foo()
$(window).resize(function() {alert('resize');foo()});
 
});

[danielhagnoul]

Bonsoir

Je n'ai pas assez de code pour faire un test, mais je suggère ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var objS = $('#slider');
 
function dragLimit(){
	var	pos = objS.offset().left,
		minX = pos - 530, // farthest to left it can go
		maxX = pos + 420, // farthest to right it can go
		yPosition = 0; // set to your y position
 
	return [minX, yPosition, maxX, yPosition];
}
 
objS.draggable({
	containment: dragLimit()
});
 
// sur le resize
// objS.draggable("option", "containment", dragLimit());