limite de drag d'image lors d'un resize de fenetre
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:
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:
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()});
}); |
