Adobe Dreamweaver Fotoğraf Galerisi Oluşturma

Galeri yapmak için öncelikle bir html sayfası açıyoruz.

Pencere Menüsünden davranışlar bölümünü açıyoruz.

galeri1

1-Öncelikle yukarıdaki gibi 2 satır 4 sutundan oluşan bir tablo ekliyoruz. Galeride kullanacağımız resimlerin küçük ve büyük hallerini bir resim programında ayarlıyoruz. Ben küçük resimler için k1,k2,k3 büyük resimleri için a1,a2,a3 şeklinde isimlemdirme yaptım. Ana girişte görünecek resim için bir resim seçebilirsiniz. Bunun içinde “giris” etiketini kullanacağız.

galeri5

2-Tabloda orta kısımda görünecek resmi ekliyoruz. Kimlik kısmında bu resme “giris” ismini veriyoruz.

3-Daha sonra küçük resimleri sırasıyla ekliyoruz. Bunun için kimlik kısmına “k1” yazıyoruz.Diğer küçük resimleri de sırasıyla “k2,k3” şeklinde kimlik kısımları değiştiriyoruz.
galeri2

 

4-Daha sonra pencereler menüsünde davranışları açıyoruz.
galeri3

Burada küçük resim seçili iken Görüntü değiştir seçiyoruz. Buradan
galeri4

resimde görüldüğü gibi yeni resimlerin açılacağı kısmı “giris” seçiyoruz. Kaynağı buna ayarla yazan kısımda ise “k1” küçük resmi için “a1” resmini seçiyoruz. ve Galeri işlemini tamamlamış oluyoruz.

Galeriyi Görüntülemek İçin Tıklayınız

109 defa okundu.

  • No Related Post

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Powered by WordPress | Designed by: credit repair | Thanks to st louis web design, essay writing and fire glass
c# örnekleri , csharp örnekleri , c# örnek , C# Örnekleri , örnekleri c# , C# ÖRNEKLERİ
BTT Sınavları

C# Uygulamaları

Müdür Yardımcılığı Sınavına Hazırlık Sayfası

Müdür Yardımcılığı Çalışma Notları

C# Uygulamaları

Yazılı Soruları Php Dersleri Bilişim Teknolojileri Alanı Yazılı Soruları C# Dersleri C# Örnekleri