ページ全体にランダムな量の画像を移動する

画像の移動量に影響を与える乱数を使用して、画像をページ全体に移動しようとしています。表示する乱数を取得しているので、数字が生成されていますが、画像はまったく動かないことがわかります。以下はページ全体にランダムな量の画像を移動する

は、私が使用しているHTML、JavaScript、およびCSSです：

http://jsbin.com/bodajisihu/1/edit?html,css,js,output

2016-04-18 AJC

あなたのコードをリンクではなく直接質問に記入してください。他のユーザーからのさらなる参照のために質問が有効でなければなりません –

http://jsbin.com/begafabuya/1/edit?html,css,js,output

は、この編集したJSBinを確認してくださいにあります。

は、私は、次の変更を加えた：あなたは、外部のスタイルで leftを定義した場合の画像では動作しません car1.style.left、として left値を取得しようとしていた 1。あなたはそれをインラインにする必要がありました。 2. car1.style.leftを使用することができますが、「px」が付加された文字列が返されるため、 .replace("px", "")を使用して置き換えます。しかし、私は parseIntだけでそのビットを切り捨てることができると思うので、この点は問題ではないかもしれません。

car1は車の要素、つまりvar car1 = document.getElementById('car1');です。

出典

2016-04-18 16:58:12

あなたは何をしたのか教えてください。質問と回答は、同じ問題に直面する可能性のある将来のユーザーのために参考にしてください。 –

@Mikeありがとう！私の問題は外部CSSでスタイルを定義することでした。 imgタグで左のスタイルを定義したら、私の問題は解決されました。 – AJC

@AJCあなたの問題を解決した場合は、回答を受け入れたものとしてマークしてください。ありがとう。 –

あなたは関数名をスペルミス。 "S" は "moveCars"

出典

2016-04-18 16:46:56 Taconut

それはちょうどタイプミスでした。私はそれを修正し、それはまだ動作しません。 – AJC

ページ全体にランダムな量の画像を移動する

答えて

関連する問題