Home Dreamweaver Dersler Şişen Resim Galerisi Yapımı
Şişen Resim Galerisi Yapımı

Şişen Resim Galerisi Yapımı

153
22

Merhaba arkadaşlar bu yazımızda farklı bir resim galerisi(üzerine gelince şişen”büyüyen”) yapacağız . Sitenizde belki bu tarz bir resim galerisine ihtiyaç duyabilirsiniz. Bizde bu amaçla sizlere bu çalışmaları sunuyoruz. İnşallah yeterince yardımcı oluyoruzdur.

Bu resim galerisi internet explorerda kare şeklinde, diğer browserlarda ise yuvarlak şekilde gözüküyor. 🙂 Ama sonuçta çalışan bir resim galerisi. Çalışma prensibi ise mouse üzerine geldiğinde büyüme efekti gibi resmi ön plana çıkartması ve  istersenizde tıklandığında başka bir sayfaya yönlendirebiliyorsunuz. Her resmin altında kendisine ait title başlığı var, yani resimlerin altına yazı yazabiliyorsunuz. Kısacası güzel bir resim galerisi çalışması.

Size verereceğim rar dosyasında 7 adet dosya var bunlarda neler yapmanız gerekli onları anlatayım. İmages Klasöründe galerinin ında kullanılan resim bulunmaktadır” bu kısmı istediğiniz gibi değiştirebilirsiniz“. klasöründe ise sayfalarda kullanılan css lerin değişikliklerini yapıyorsunuz” mesela yazı tipini değiştirebilirsiniz”. ASSETS klasörü sizin için en önemli olan klasör, bu klasörün içindeki resimleri galerinizde kullanacağınız resimlerle değiştiriyorsunuz. Sonrasında ise index.html ,index2.html , index3.html dosyalarından hangisini beğendiyseniz onu dreamweaver ında açarak düzenlemelere başlıyorsunuz. Ben bir kaç düzenleme hakkında sizi bilgilendirmek istiyorum.

Aşağıda gördüğünüz assets klasörünün içindeki resim dosyaları burdaki resimleri koyacağınız resimler ve uzantılarıyla birlikte değiştiriyorsunuz. Örnek : mesela omer.jpg dosyanız var aşağıdaki dosyayı şöyle düzenlemeniz gerekiyor.

ŞUNU UNUTMAYIN; Resimlere Tıklandığında Herhangi bir Sayfaya gitmiyor. Sadece O resmi seçmiş oluyorsunuz.


















SORULARINIZ OLURSA LÜTFEN YORUM KISMINDAN SORUNUZ.

Anlatım: Ömer BOZALAN

Kolay gelsin

 

 

(153)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmenliğini bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlayarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(22)

  1. ömer arkadasım su an tatılde oldugumdan ancak tel ıle baglanabılıyorum. facebook grubumuza uye olup ordan dosyalarını gonder bakayım. Kolay gelsın

      1. üst yoruma bakın lütfen yaptım olmadı orjinal dosyanızdan sadece link verdim tıklandığında gitmiyor resim büyüyüp kalıyor emeğinize sayğım sonsuz ama yardıma ihtiyacım var :/

  2. Bu resimlerdeki üzerine gelince yuvarlak bir şekilde şişmesi “<img src=”assets" kodundaki ( assets) mi sağlıyor

  3. Harika bir düşünce ve tasarım kutlarım ancak bu söz konusu rar dosyası nerede
    teşekkürler

  4. resimlere link veriyorum ama çalışmıyor.
    verdiğim linklere gitmiyor. yardımcı olur musunuz?

  5. ömer bey yardım edebilir misiniz? sorun nedir? neden linklere gitmiyor acaba bunu da açıklarsanız memnun olurum.

    1. Kerim arkadaşım söylediğiniz üzere birçok işlem gerçekleştirerek link verme işlemi denenmiştir. Lakin hiçbir sonuç alınamamıştır. Resme tıklanmasının neden resmi seçili hale getirebilmek içindir. Diğer türlü link verilememektedir. Anlatımdaki link verme işlemini de sizin sayenizde değiştirdik. Teşekkürler. İyi çalışmalar.

  6. ömer bey benim sitemde script kodu var ikinci script kodu ekledigimde hata veriyo onu nasıl yapabilirim ?

  7. Mehrhaba ocam ilk once ellerinize salik cox guzel olmus ama ocam video caliwmiyor olurmu linki yenileyesin

  8. ömer bey, bu bir klasöre yüklü sabit resimler için tasarlanmış bir örnek sanırım. bunu klasör gösterek yada resim uploadkısmıda kullanılarak yükleyeceğimiz resimlereğer bu sayı 5 te olabilir 100 de bunları gösteren bir code örneğiniz varmı yada bu yapıyor ise neler değiştirilmeli

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.