-1

必要なのは、Javascript を使用して 6 つの div タグを動的に作成することです。これは、ウィンドウの幅 (コンピューター、iPhone、iPad、Blackberry など) に合わせてサイズが変更されます。その任務は無事に達成されました。次のタスクは、作成された div タグのそれぞれに画像を配置することです。div は動的に作成され、画像はクリック可能でなければならないことに注意してください。画像を含むフォルダーがあります。

これで新しいので助けてください。

**注: div のサイズ変更に合わせて画像のサイズも変更する必要があります* 動的に作成された div タグのコードを次に示します。これを達成する最善の方法を詳細に説明してください。

function DynamicDiv()
{
    for (var i = 0; i <= 5; i++)
    {
        var dynDiv = document.createElement("div");
        dynDiv.className = "blocks";
        document.body.appendChild(dynDiv);
    }
}
4

1 に答える 1

0

あなたが試すことができるのは、htmlを文字列として作成し、同じものを要素に追加することです。

var html='<div>';
html='<img src="'+ImagePathforDynamic+'" alt="'+ImageAlterText+'"'/>;
html+='</div>';
$('#idOfElement').append(html);

おー！イベントを追加する必要があります

$('#idOfElement img').click(function(){
    // your code to perform on click of the image
});

または、複数の div が必要な場合は、同じものに対して html を生成できるループを使用できます。
これが役に立たない場合はお知らせください;）

于 2013-02-15T10:49:30.247 に答える