私が基本的にしようとしているのは、アプリによって提供されるプレーヤーの位置データに基づいてスクラバー画像のパディング値を動的に変更することです。私は提供された数字を利用して、進行中のオーバーレイイメージの幅を動的に増やしてプログレスバーを作成することができましたが、進捗バーの先端にスクラバーダイヤモンドがあります。イメージのパディングを動的に調整しますか?
これを行うには、スクラバーダイヤモンドを進捗オーバーレイと同じ開始点に配置し、進捗オーバーレイの幅が増加するのと同じ割合でダイヤモンドのパディングを増やしたいと思います。曲が演奏されるときに移動するスクラバーダイヤモンドでお互いのペースを合わせる。
パディングを操作するために必要なスクリプトに関するヘルプは、動的に残しておきます。
var progress = Ecoute.playerPosition();
var width = 142.5/length * progress + 1.63;
EcouteSel('Progression').width = width.toString();
EcouteSel('Scrubber').style('padding-left', 'width');
我々は、進行の関数としての幅、選手位置と進行状況を定義し、IDにその機能を適用するには、レイアウト画像上に進歩に適用しました。しかし、どのようにパディングのためにそれを達成するのですか?
style.paddingLeft
...ベースの機能がコントローラを完全に破壊しました。私は迷っていて、何か助けていただければ幸いです。
EcouteSel( 'Scrubber')。style.paddingLeft = width + "px";幅が整数(または整数を表す文字列)であると仮定します。どのようにpaddingLeftがコントローラを壊したのですか? – Hemlock
それはそれを正確にしました。ありがとうございました。 – Cory
私はそれを受け入れられるように答えとして追加します。 – Hemlock