1

スライダーに表示できるjQueryスライダーを作成する方法がわかりません-年間タイムラインを追跡、ハンドルに表示されている現在の年で自動再生しますか?

人気のあるウェブサイトの例:http: //maps.eyesontheforest.or.id/

左側のパネルには、私が達成しようとしている「自然林カバー」セクションがあります。

これは、青色で表示されたJavaScriptタイムラインのスクリーンショットです。

ここに画像の説明を入力してください

4

1 に答える 1

4

jsFiddle デモ

あなたのウェブページの参照 URL は、再生機能を含むそのアニメーションに対して JavaScript 以外のフレームワークを使用しています。編集: Google Maps API Visualization Libraryを使用しています

ただし、独自の CSS を備えたSlider プラグインが使用されているため、上記の jsFiddle はjQueryjQuery UIを使用して行われます。

ここに画像の説明を入力

紫色のテキストにを使用yearsすると、それらが単なるラベルであり、実際の位置の値を必ずしも反映していないことがすぐにわかります...位置の場所だけです

自動再生タイムライン ボタンsetTimeoutメソッドを使用した jsFiddle DEMO YEARS

自動再生タイムライン ボタンsetIntervalメソッドを使用した jsFiddle DEMO YEARS

ここに画像の説明を入力

于 2013-01-05T12:24:49.067 に答える