Einfacher reiner Javascript Drag Controller Slider

Hallo Entwickler auf der ganzen Welt.

Ich hätte gerne Hilfe mit einem einfachen, reinen Javascript(30 Zeilen), JQuery frei(und andere Bibliotheken) Schieberegler ziehen.

Ich habe Monate gesucht und viele Skripte gefunden, aber ich mag nicht - Abfrage, weil die meisten Skripte 4, 5, 6 Javascript enthalten. Ich bevorzuge kleinere und grundlegende Skripte lehnen Sie sich viel aus kleineren Skripten.

Alles, was ich brauche, ist ein einfacher Schieberegler, mit dem ich Bilder neu skalieren, Seiten rollen und die Helligkeit von Bildern ändern kann(mit PHP) usw.

Ich bin neu mit Javascript(2 Monate), so weit komme ich jetzt .. Sorry für die schlechten Variablennamen ...

    <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>

Ich bedanke mich für Ihre Hilfe.

Ich schrieb dies am 31. Dezember 2012 .. Also frohes neues Jahr. Bitte seid gut füreinander.

Vielen Dank.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage