Простой чистый слайдер контроллера перетаскивания Javascript

Привет, разработчики по всему миру.

Я хотел бы помочь с простым, чистым Javascript(30 строк), JQuery бесплатно(и другие библиотеки) ползунок управления перетаскиванием.

Я искал месяцы и нашел много сценариев, но мне не нравится -Jquery, потому что большинству сценариев нужно 4, 5, 6 включений javascript .. Я предпочитаю меньшие и базовые сценарии .. Мне нравится настраивать их так, как я хочу, и я также могу опираться много от небольших сценариев.

Все, что мне нужно, это простой слайдер, который я могу использовать для: масштабирования изображений, прокрутки страницы, изменения яркости на изображениях(с PHP) и т.п.

Я новичок в JavaScript(2 месяца), это, как далеко я сейчас получаю .. Извините за плохие имена переменных ...

    <script type="text/javascript">  
      _item = null;
      mouse_x = 0;
      drag_x = 0; 
      function move_init() {
        document.onmousemove = _move;
        document.onmouseup = _stop;
      }
      function _stop(){
         _item = null;
      }
      function _move(e){
        mouse_x = document.all ? window.event.clientX : e.pageX;
        if(_item != null){
             _item.style.left = (mouse_x - drag_x) + "px";
        }
      }
      function _move_item(drag)
      {
        _item = drag;
        drag_x = mouse_x - _item.offsetLeft;
      }
move_init();
drag.onmousedown=_move_item();   // Agh.. did'nt figure out how this works
</script>

<style type="text/css">
#drag{background:#797979;color:#fff;width:30px;height:15px;position:relative;}
#track{background:red; width:200px;}
</style>

<div id="track"><div id="drag" onmousedown="_move_item(this);" >x</div></div>

Я ценю вашу помощь.

Я написал это 31 декабря 2012 года. Итак, счастливого нового года. Пожалуйста, будьте добры друг к другу.

Спасибо.

Ответы на вопрос(2)

Ваш ответ на вопрос