2

こんにちは、ウェブページにメディア (画像とビデオ) を追加する方法を見つけようとしています。画像とビデオのみを追加するセクションがあり、それは HTML ベースなので、セクションごとに 1 つのフォルダーを作成し、そのフォルダーにすべてのメディアを追加して、Javascript に作業させる方法を見つけることができると考えました。 . これは私がこれまでに思いついたスクリプトです。

Javascript

var files = {'jpg':4};
var pageName = "Wimoveh";
for (var ext in files){
for (var i = 0; i < files[ext]; i++){
    var src = "Images/GalleryOne" + pageName + "-" + (i+1) + "." + ext;}
}

このスクリプトは、GalleryOne フォルダーで Wimoveh という名前の写真を検索し、区切り文字として「-」を使用し、その名前と拡張子に一致するすべてのコンテンツを反復処理します。私が知らないのは、結果を HTML に出力する方法です。

4

2 に答える 2

3

ループ内:

var img = new Image(); 
img.src = src;
containerElement.appendChild(img);

containerElement は、画像を追加する html 要素への参照です。(そのためには、dom がロードされるまで遅らせる必要があることに注意してください)

于 2012-10-14T16:42:51.293 に答える
2

Generalhenryが彼の投稿で述べたように：

containerElement は、画像を追加する html 要素への参照です。(そのためには、dom がロードされるまで遅らせる必要があることに注意してください)

containerElement は、必要な HTML 要素です。例えば：

<HTML>
<BODY>
    <div class="photos">
        Your images would populate here.
    </div>
</BODY>
</HTML>

コードが photos.appendChild(IMG) に達したときにスクリプトをループするたびに、ページはその div クラスに画像を追加します。

于 2016-03-20T09:42:09.863 に答える