Нужно сделать что то вроде занавеса
 

Вообщем есть вот такой сайт http://gingervc.bget.ru/
Там в хедере есть рендж слайдер когда за него тянешь он скрывает картинку что сверху . Но работает это ужасно а нужно что бы плавно было .
Вот такой код за это отвечает

$(document).mouseover(function () {
    if ($(".ui-slider-handle").css("left") > "0px") {
      $(".card").css({
        "width": 1168 - parseInt($(".ui-slider-handle").css("left")) + "px" ,
      })
    } else{};
  });

Помогите пожалуйста а то я очень слаб в этом деле!

Безгранична милота интерпретатора жабы скрипучей. Даже такую несусветную хрень она способна понять и простить.

Тебе не надо ничего проверять и сравнивать, тебе просто надо взять offsetLeft бегунка и передать его в style.left элемента.

Начни с этого, весь остальной бред отвалится по коду реализации.

pashakar,

$(document).mousemove(function () {
    if ($(".ui-slider-handle").css("left") > "0px") {
      $(".card").css({
        "width": 1168 - parseInt($(".ui-slider-handle").css("left")) + "px" ,
      })
    } else{};
  });

Спасибо вам огромное =)