diff -r 4c006b1dcc66 -r ab73470647cb src/js/widgets/sliderWidget.js --- a/src/js/widgets/sliderWidget.js Mon Dec 19 16:48:24 2011 +0100 +++ b/src/js/widgets/sliderWidget.js Mon Dec 19 16:50:03 2011 +0100 @@ -47,7 +47,7 @@ /* update the slider and the position marker as time passes */ IriSP.SliderWidget.prototype.sliderUpdater = function() { - if(this.draggingOngoing || this._disableUpdates) + if(this.draggingOngoing || this._disableUpdate) return; var time = this._Popcorn.currentTime(); @@ -144,17 +144,19 @@ this.draggingOngoing = true; }; -IriSP.SliderWidget.prototype.positionMarkerDraggedHandler = function(event, ui) { - console.log(ui.offset.left); +IriSP.SliderWidget.prototype.positionMarkerDraggedHandler = function(event, ui) { this._disableUpdate = true; // disable slider position updates while dragging is ongoing. window.setTimeout(IriSP.wrap(this, function() { this._disableUpdate = false; }), 500); - + + var parentOffset = this.sliderForeground.parent().offset(); var width = this.sliderBackground.width(); + var relX = event.pageX - parentOffset.left; + var duration = this._serializer.currentMedia().meta["dc:duration"] / 1000; - var newTime = ((ui.offset.left / width) * duration).toFixed(2); + var newTime = ((relX / width) * duration).toFixed(2); this._Popcorn.currentTime(newTime); - + this.draggingOngoing = false; };