0

助けが必要な問題があります。私は大量の画像やビデオを含む個人のウェブページに取り組んでいます。マークアップは厳密にHTMLであり、CSSを使用してスタイル設定されます。また、1つまたは2つのJavascriptを実行しています。先日、最初のページを完成させましたが、各ページに20〜30枚の画像/動画を手動で追加する必要があることに気付き(10〜15ページ程度作成したいと思っています)、スクリプトが利用できるのではないかと思いました。これにより、すべてのメディアコンテンツをアップロードするタスクが簡素化されます。すべてのページが同じように見えるので、スクリプトを使用すると非常に簡単になることに注意してください。

これが私が考えていたものです。2つのフォルダーを作成し、それぞれにすべての画像とビデオを追加できると思いました。

次に、Javascriptを使用してすべてのコンテンツを反復処理し、作成済みのHTMLページに追加します。

これは可能ですか?もしそうなら、私がこの解決策を得る方法を教えてください。

私は自分自身をコーディングするのに十分なJavaScriptを知らないので、完全な解決策をいただければ幸いです。

これがHTMLです

<ul>
 <li><iframe width="420" height="345"src=""
</iframe></li>
</ul>

<ul>
<li><a href="#"><img src="" width=100 height=100/></a></li>
</ul>
4

2 に答える 2

1

JavaScript のみの解決策は、命名規則を使用し、JavaScript に特定の名前の項目があると想定させることです。

一例は次のとおりです。

ファイルの名前を変更します。

PageName_1.jpg, PageName_2.jpg, PageName_3.jpg, PageName_1.flv, ...

欠点は、検索するファイルの種類 (拡張子) と、各ページで検索する各種類の数に関するパラメーターを定義する必要があることです。

var files = {'jpg':3, 'flv':1, ...};
var pageName = "PageName";

設定したら、オブジェクトを反復処理できます。

for (var ext in files){
    for (var i = 0; i < files[ext]; i++){
        var src = "images/" + pageName + "_" + (i+1) + "." + ext;
        ...
    }
}

画像以上のものが必要な場合は、生成する要素のタイプを決定するロジックを作成する必要があります。これを行う最善の方法は、一般にファクトリ メソッドです。

function generateElement(src, ext){
    switch(ext){
        case 'jpg':
            ...
        break;
        case 'flv':
            ...
        break;
    }
}

繰り返しになりますが、生活を楽にし、サーバー側の機能を使用することができます.

于 2012-10-12T22:22:09.323 に答える
0

残念ながら、JavaScriptはファイルシステムにアクセスできないため、使用可能なファイルを自動的に知る方法はありません。

個人的には、この種のことにはPHP5.4の組み込みサーバーを使用するのが好きです。PHPglob()でファイルを作成し、HTMLページに配置するのは簡単です。

または、JavaScriptが読み取るファイルのリストをバッチスクリプトで「コンパイル」することもできます。

dir /B *.png;*.gif;*.jpg > filelist.txt

次に、AJAXなどを使用してファイルを取得し、改行で分割できます。各ファイルは1行になります。このように、あなたがしなければならないのはあなたのためにファイルリストを更新するためにバッチスクリプトを実行することだけです。

于 2012-10-12T22:08:50.733 に答える