Advertisement
Guest User

Untitled

a guest
Apr 24th, 2014
33
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.84 KB | None | 0 0
  1. // when range from 0 to 100
  2. $( "#sliderAbove" ).slider({
  3. min: 0,
  4. max: 100,
  5. slide: function( event, ui ) {
  6. var backImgwidth = $("#backgroundImg").width();
  7. var left = (( backImgwidth / 100 ) * (ui.value)) ;
  8. $("#dragable").css("left",left);
  9. $( "#above" ).val(ui.value );
  10. }
  11.  
  12. $(document).ready(function () {
  13. $("#dragable").draggable();
  14.  
  15. $("#sliderbelow").slider({
  16. min: 0,
  17. max: 75,
  18. slide: function (event, ui) {
  19. var backImgwidth = $("#backgroundImg").width();
  20. var draggableWidth = $('#dragable').width();
  21.  
  22. var diff = Number(backImgwidth) - Number(draggableWidth);
  23. var factor = diff / 75;
  24.  
  25. var left = (factor * (ui.value));
  26.  
  27. $("#dragable").css("left", left);
  28. $("#below").val(ui.value);
  29. }
  30. });
  31.  
  32. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement