javascript - 変数を html に渡す

Question

そこで、lightroom 用の slideshowpro に 35 ドルを支払う代わりに、単純なタスクを実行するために簡単な JavaScript スライドショーを作成することにしました。div 内の 10 個の画像をランダムに回転します。次のように機能します。

var imageSrc = "source_folder/";
var imageType = ".jpg";
var randomImage = imageSrc + 0 + Math.floor(#*Math.random()) + imageType;

(これはすべてのコードではありません。残りは省略しています)

タグを取得randomImageして挿入するにはどうすればよいですか。<img>

src="randomImage" will not work.

Answer 1

Don't use the string "randomImage", use the variable:

image.src = randomImage

This is just setting the src to the path of the current image. There will be a delay as the images are loading. You could preload paths using new Image().src = [path], or use image sprites and css clip to make it more seamless.

Answer 2

I highly recommend jQuery and the Cycle plugin.