Javascript- Sıradan Resim Getirme – For örneği.
İstenen Kadar Resim getirme örneği için tıklayınız.
Önizleme için tıklayınız.
<script type="text/javascript"> function islem(){ var sayi = parseInt(document.getElementById('sayi').value); for (var i = 1; i <= sayi; i++) { document.write("<a href=r"+i+".jpg download><img width=250px height=200px src=img/r"+i+".jpg></a>"); } } </script> <button onclick="islem();">Dene</button> <input type="number" name="" id="sayi"> <div id="sonuc"></div>
Kullanıcının sayi text kutusuna girdiği değeri, for döngüsü yardımıyla resim adını değiştirerek sayfaya yerleştiriyoruz.
<a href=img/r"+i+".jpg download><img width=250px height=200px src=img/r"+i+".jpg></a>
Yukarıdaki kodda i değeri for döngüsü ile her dönüşte bir artırılıyor.