Dreamweaver ile foto galeri yapımı

      Resimler üzerine tıklanınca , büyük resmin olduğu yerde değişen foto galeriyi oluşturacağız .Önce gerekli davranışlar (behaviour) eklenecek .Sonra efekt verme işlemi yapılacak .İşlemlere ait video aşağıda veriliyor.

Galerinin bitmiş hali .Küçük resimlerin üzerine tıklayınız.

İŞLEM ADIMLARI

    1. Tablo eklenir.Resimler yukarıdaki düzende tablo hücrelerine yerleştirilir.

 

    1. Resimlere id(kimlik) verilir. Anaresim,r1,r2,r3,r4 gibi…

 

    1. En baştaki küçük resim seçilir.Sonra davranışlar(behaviour) kısmından görüntüyü değiştir(swap image) seçilir.Not:Davranışlar(behaviour) paneli gözükmüyorsa , pencere(window) panelinden seçilir.

 

    1. Açılan görüntüyü değiştir(swap image) penceresinden Görüntüler(images) kısmından resmin değişeceği bölüm olan Anaresim seçilir.Kaynaği buna ayarla(set source to)kısmından tıklanınca ekrana gelecek resim seçilir.Davranışlar(behaviour) paneline eklenen onmouseover tıklanarak onclick yapılır . Burdaki işlemler diğer üç resim için de yapılır.

 

  1. Davranışlar(behaviour) panelinden efektler(efects) seçilir.Açılan menüde farklı efektler var.Burada görün/soldur(appear/fade) seçilir.Efekt süresi(efect duration) buradan ayarlanır.Küçük resimlerin tümü için bu işlemler yapılır.

Fotogaleri yapımı video

Paylaş:

Bir cevap yazın

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