# マップの配置

この左画面を左クリックすれば以下の赤字のスクリプト全部がクリップボードにコピーされるので、右の画面の赤い矢印の右側に貼り付けてください。

    	for ( var i = 0 ; i < _map.length; i++ )
    	{
    		var img = $('<img class="map" src="images/'+_map[i]+'.png" alt="'+_map[i]+'" />');
    		img.css('left',(i%12)*80);
    		img.css('top',~~(i/12)*80);
    		$(document.body).prepend(img);
    	}

では「制御」→「実行」メニューを実行してください。
マップが配置されて描画されました。
imgセレクタに_map[i]の0〜2の文字がsrc画像ファイルのパスになっていますね。
imgセレクタのcssで左(left)の位置を0〜12に80を乗算した位置にしています。
imgセレクタのcssで上(top)の位置を0〜12を整数にして80を乗算した位置にしています。
imgセレクタをbodyタグの前から追加しています。

### 次へ