イメージをループする方法

Question

イメージフォルダをループして画面に表示したいと思います。 私の質問はどのようにのようにすべての画像をループするコードをしているので、私はこの

<section id="photos"> 
     <a target="_blank" href="images/1.jpg"> 
      <img src="images/1.jpg"> 
     </a> 
</section> 

そして、私のすべての画像は、数字である持っているように：それをn回入力することなく、1,2,3,4,5など。

Answer 1

クライアントサイドのJavascriptはサーバ上のハードドライブにアクセスできないため、サーバ側のプログラミング言語がなければ、実際に画像をループすることはできません。

あなたはになります。は、サーバーに一定量の画像があり、要求したとします。

var section = document.getElementById('photos'); 
var elements = ''; 

for (var i = 1; i <= 5; i++) { // Loops through images 1 - 5 
    var imgSrc = 'images/' + i + '.jpg'; 
    var element = '<a target="_blank" href="' + imgSrc + '"><img src="' + imgSrc + '"></a>'; 
    elements += element; 
} 

section.innerHTML = elements;