2011-10-27 10 views
0

私は私の個人的なニーズのためだけにiOS用の小さなwebbappを作っており、jsの助けが必要です。 基本的には、divの背景を制御するスライダ(入力タイプ= "range"に似ていますが、iOS < 5で動作します)が必要です。換言すれば、n野外撮影野のそれぞれは、入力スライダスケールの特定の範囲に関連付けられるべきである。私はjavascriptの中で非常に基本的な知識しか持っていないので、最初からカスタムのものを書くことは疑問ではありません。おそらく誰かが既存のソリューションを指すことができますか?前もって感謝します。入力範囲を使用してbackgound-imageを変更するにはどうすればよいですか?

答えて

0

Jquery Mobileライブラリのスライダー(http://jquerymobile.com/demos/1.0rc2/docs/forms/slider/)を使用して基本的なスライダー機能を使用し、範囲で背景を変更できます。たとえば:

// if backgrounds are equally spread on the slider then you can just 
// divide slider value to the number of backgrounds and round the results 

var range = Math.round(your_range_from_slider/number_of_backgrounds); 

// then change background to the one you need. For example 
// in you named backgrounds background_1.jpg, background_2.jpg, etc. 
// And element to which you want to set it have id="bg" 

$("#bg").css("background-color", "background_" + range + ".jpg"); 

は、jQueryの構文を使用http://docs.jquery.com/Main_Pageの詳細については(おそらく変更()イベントhttp://api.jquery.com/change/を使用する必要がありますスライダーの変化をキャッチします)。

関連する問題