Home JQuery JQuery Resim Galerisi Yapımı-2
JQuery Resim Galerisi Yapımı-2

JQuery Resim Galerisi Yapımı-2

877
23

Merhaba Arkadaşlar sizlere daha önceden jquery ile resim galeri yapımını anlatmıştım. Daha doğrusu verdiğim galerinin düzenlemesini anlatmıştım. Bu dersimizde yine farklı bir çalışma ile karşınızdayım. Diğer çalışmaya benziyor ama isteyen arkadaşlar bunuda kütüphanesine ekleyebilir.

Size vereceğim linkte bulunan RAR’lı dosyanın içeriğindeki klasörlerin anlatımına geçmek istiyorum.Rar lı dosyayı açtığınızda içinde css klasörü, images klasörü, js klasörü ve index.html dosyası var. İmages klasörünün içinde thumbs klasörü bulunuyor.”images klasörünün içine resmin büyük halini  thumbs klasörünün içine ise resmin küçük halini attığınızda olay tamam “:). Resimlerin boyutlarını eski resimlere bakarak düzenleyebilirsiniz. Daha sonrasında ise index.html dosyasının içindeki bazı yerleri düzenleyeceksiniz. index.html dosyasını açtığınızda data-description=”resim yazısı” /></a></li> kısmı bulunmakta ; burada kulanılan etiketler her resmin altına gelen yazıyı göstermektedir. Yani istediğiniz resmin altına resimle ilgili yazıyı yazabiliyorsunuz.

Kolay gelsin.

Anlatım: Ömer BOZALAN

DemoButton

hemen-indir-butonu

(877)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmeni 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ınlarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(23)

  1. tabikide farklı versiyonlarının anlatımını yapacağım. şu sıralar biraz yoğun olduğumdan fazla ilgilenemedim. ama en kısa zamanda iyi çalışmarlar karşınızda olacağım.

  2. Selamlar öncelikle çok teşekkürler böyle kullanışlı bir siteyle güzel paylaşımlarda bulunduğunuz için. tam benim aradığım bir galeri. bu dosyayı hangi programla nasıl kullanacağım onu pek bilmiyorum. dreamwaver frontpage mi yoksa flashla da kullanabiliyor muyuz? teşekkürler..

      1. çok teşekkür ederim 10 yıl aradan sonra web sitesi yapmaya çalışacağım o yüzden tarih öncesinden kalma gibi hissediyorum 🙂 biraz daha araştırıp işleri yoluna koyacağım inşallah. Sizin de desteğinizle fotoğrafçılık sanat ağırlıklı bir kişisel web site yapmayı düşünüyorum. tekrar teşekkürler

  3. Yapmıs oldugunuz calısmadakı resımlerı bızım resımlerle degıstırmeyıde gosterırsen daha ıyı olacagını umuyorum.

    1. Aykut yukarıdaki anlatımdaki resimlerin bulunduğu klasördeki yere resimlerini koyuyorsun ve sildiğin eski resmin yerine koyacağın resmin ise ismini ise eski resmin ismini veriyorsun o kadar. yukarıdaki metni iyice oku.

  4. tesekkurler haocam anlatimlariniz ve bilgileriniz ben bu paylasiminizi siteme ekledim fakat sizden bir konuda yardim almak istiyorum mudade ederseniz buyuk resimlerin oldugu sol ve sag linklerinin soluna ve sagina Google adense eklemek istiyorum onu sitenin ahengini bozmadan statik bir div ekleyebilir miyim eklersem Google buna izin verir mi

  5. abi ben öyle deneme amaçlı yaptım siteme koycam ama altta büyük çıkan if komutunda hata veriyor ve büyük galeri 2 li açılıyo onu nasıl halledebilirim

  6. hocam şimdi ben foto koyuyorum foto biraz büyük geliyo paintte ölçeğini küçülttüğümdede resimin kenarlaarı kırpılmış oluyo resimi kırpmadan boyutunu küçültmek mümkünmü

  7. HOCAM RESİM YAZISI OLAN YERE BEN GALARİYE DÖN ŞEKLİNDE BİR LİNK VERMEK İSTİYORUM OLMUYO YUKARIDAKİ DİVDE NORMAL YAZI OLARAK ÇIKIYO NASIL LİNK VEREBİLİRİM

  8. Merhaba daha önce hazır template indirdim internet onun üzerinden düzenleme yaptım ama galeri sayfası güzel değil ama bu galeri sayfasını eklemek istiyorum indirdiğim sitede js css dosyaları mevcut nasıl yapmam gerekiyor

  9. Selamlar, hocam ben bu galeriyi sayfa içinde bir kereden fazla iframe kullanmadan uygulamak istiyorum ama albümleri bir algılıyor nasıl çözebilirim?

    1. Serdar Bende malesef bilmiyorum. Belki şöyle yapabilirsin. Tüm stil ve jquery dosyalarının ismini değiştirip, albüm klasörünün ismini değiştirip yapabilirsin. Ama denenmemiş bir çözüm.

Senin Yorumların

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

Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA.