Anasayfa » Javascript » Javascript İle Basit Foto Galeri Yapımı

Javascript İle Basit Foto Galeri Yapımı

Merhaba arkadaşlar şimdi sizlere javascript ile basit sabit foto galeri nasıl yapılır onu göstereceğim.
Öncelikle gerekli programlar Notepad++ yeterli olacaktır.Galerinin kodları aşağıda.

Masaüstüne “resim” adında bir klasör oluşturun.
index.html adında html uzantısı açalım ve bunu Notepad++ ile açarak içerisine verdiğim kodları ekleyin ve kaydedip açın.Aşağıdaki gibi.
klasörveindex


<html>
<head>
<title> JS GALERİ</title>

</head>
<body>
<script type = "text/javascript">
for (var i = 1; i <=4; i++){   // 4 ya da kaç tane resim varsa
var resim = document.createElement("img");
resim.src = "./resim/"+i+".jpg";
resim.style.width = "200px";
resim.style.height ="200px";
resim.style.border ="2px solid black";
resim.style.padding="5px"
resim.style.margin="20px";

document.body.appendChild(resim);
resim.onclick = function()
{}
}
</script>
</body>
</html>

Kodumuzun ekran görüntüsü ;
fotogaleri
Örnek Dosyaları İndir

Cevapla

E-posta adresiniz yayınlanmayacak. Gerekli alanlar işaretlenmelidir *

*