Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // when range from 0 to 100
- $( "#sliderAbove" ).slider({
- min: 0,
- max: 100,
- slide: function( event, ui ) {
- var backImgwidth = $("#backgroundImg").width();
- var left = (( backImgwidth / 100 ) * (ui.value)) ;
- $("#dragable").css("left",left);
- $( "#above" ).val(ui.value );
- }
- $(document).ready(function () {
- $("#dragable").draggable();
- $("#sliderbelow").slider({
- min: 0,
- max: 75,
- slide: function (event, ui) {
- var backImgwidth = $("#backgroundImg").width();
- var draggableWidth = $('#dragable').width();
- var diff = Number(backImgwidth) - Number(draggableWidth);
- var factor = diff / 75;
- var left = (factor * (ui.value));
- $("#dragable").css("left", left);
- $("#below").val(ui.value);
- }
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement