2010-12-28 4 views
1

Was ich im Grunde versuche zu tun ist dynamisch einen Füllwert für ein Scrubber-Bild basierend auf Player-Positionsdaten von einer App zur Verfügung gestellt ändern. Ich war in der Lage, die angegebene Zahl zu nutzen, um die Breite eines Fortschritts-Overlay-Bildes dynamisch zu erhöhen und einen Fortschrittsbalken zu erstellen, aber ich hätte gerne einen Scrubber-Diamanten an der Vorderkante des Fortschrittsbalkens.Pads dynamisch an einem Bild anpassen?

Dafür habe ich den Scrubber Diamond am selben Startpunkt wie die Fortschrittsüberlagerung positioniert und möchte die Polsterung auf dem Diamanten mit der gleichen Geschwindigkeit erhöhen, wie die Breite für die Fortschrittsüberlagerung zunimmt, was ihnen ermöglicht stimme mit dem Schrubberdiamanten zusammen, während das Lied spielt.

Jede Hilfe mit dem Skript, das notwendig ist, um padding-left dynamisch zu manipulieren, würde sehr geschätzt werden.

var progress = Ecoute.playerPosition(); 
var width = 142.5/length * progress + 1.63; 

EcouteSel('Progression').width = width.toString(); 
EcouteSel('Scrubber').style('padding-left', 'width'); 

Wir definieren Fortschritt als Spielerposition, Breite als Funktion des Fortschritts und gelten dann diese Funktion auf die für den Fortschritt über lay Bild angewendet ID. Aber wie erreiche ich das für Padding-Links?

style.paddingLeft 

... basierte Funktionen haben den Controller völlig zerstört. Ich bin ratlos und jede Hilfe wäre willkommen.

+0

EcouteSel ('Scrubber'). Style.paddingLeft = Breite + "px"; Angenommen, die Breite ist eine Ganzzahl (oder eine Zeichenfolge, die eine ganze Zahl darstellt). Wie hat paddingLeft den Controller zerstört? – Hemlock

+0

Das hat es genau gemacht. Vielen Dank. – Cory

+0

Ich werde es als Antwort hinzufügen, damit es dann akzeptiert werden kann. – Hemlock

Antwort

1

EcouteSel('Scrubber').style.paddingLeft = width + "px";

Angenommen Breite eine ganze Zahl (oder eine Zeichenfolge, die eine ganze Zahl).