0

background-imageランダムをdivに挿入したいと思います。jQueryライブラリを使用してこれを完全に行う次のコードに出くわしました:

画像の配列を設定します。

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg'];

前に定義した配列を使用して、ランダムな背景の div を設定します。

$('#div').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});

これが問題です-jQueryライブラリをロードせずにこれを行いたいです。上記のコードのシンプルさが気に入っていますが、Javascript 言語は初めてで、jQuery なしで使用するためにこれを再フォーマットする方法がわかりません。

上記のコードに代わる Javascript を探すのに時間を費やしましたが、それらはすべて比較的長いか、不必要に「忙しい」ものです。これに関するヘルプは大歓迎です。

4

3 に答える 3

0

jQuery が非常に人気がある理由は、すべてのプラットフォームとブラウザーで明確で簡潔なコーディングを作成できるためです。したがって、純粋な JavaScript でそのレベルのクリーンさを真に再現するつもりなら、それが可能であるとは思えません。JavaScript を独学するためのプロジェクトとして再作成することをお勧めするかもしれませんが、jQuery を基礎として使用するよりクリーンなソリューションを思いつく人がいるとは思えません。

于 2013-01-26T09:11:11.757 に答える