画像をアップロードするためのhtmlの自動生成

Question

私は、html/css、php、jsでコード化されたウェブサイトを持っています（後の2つの部分は基本的な機能です）。

イメージをアップロードするときに、ハードコードします。それはまともな解決策ですが、今では300'ishの画像をアップロードする必要があります（画像を見たいと思っているのは私は写真家です）。

これは時間がかかりますので、次のコードを自動生成する場所で300画像を一度にアップロードできます（ただし、.jpg-filenameはファイル名に従う必要があります。 "ng-show"は毎回増分する必要があります）。私はこれが不可能であり、それはオートは、単純なHTMLコードを生成しますが、これは私の場合に有用ではない場合、私が見つけた唯一の解決策があると感じ

<li class="span4 gallery-item" data-id="id-1"> 

      <img class="fancybox" src="img/photoshop2_small.jpg" data-big="img/photoshop2.jpg" ng-click="showFacebook = 1;" /> 

       <div ng-show="showFacebook === 1" 
       class="fb-like" data-href="img/photoshop2.jpg" data-width="300" 

      data-layout="standard" data-action="like" data-show-faces="false" data-share="true" > 
     </div> 

</li> 

：次の形式に従う必要があります。

私は何をしますか？

Answer 1

1. どちらのアップロードすべての画像1）FTPを使用してか、2）配列によって配列
2. ループでファイルを取得するために、いくつかのPHPファイルマネージャーに
3. 使用PHPのディレクトリ機能を使用し、HTMLをエコー
4. .jpg-filenameの配列値のファイル名を使用して、各ループの変数を増やして「id」と「ng-show」を使用します。

Answer 2

Angularを使用している場合は、画像のリストを取得して同様の処理を行うサービスを実装しないでください。

<li class="span4 gallery-item" ng-repeat="image in images track by $index" data-id="id-{{image.ID}}"> 
    <img class="fancybox" src="{{image.smallURL}}" data-big="{{image.bigURL}}" ng-click="showFacebook = image.ID;" /> 
    <div ng-show="showFacebook === 1" class="fb-like" data-href="{{image.bigURL}}" data-width="{{image.width}}" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div> 
</li> 

もう1つの選択肢は、おそらくPHPでこれを行うことです。