jQuery Lightbox ile Fotoğraf Galerisi

Web sitelerinde en sık gördüğümüz lightbox uygulamalarının nasıl yapıldığını bu video da bulabilirsiniz.

24 Comments

Gökhan Görkem

about 7 sene ago

Hakan Bey , öncelikle teşekkür ederim yine güzel bir anlatım olmuş...inanırmısınız 1 saat önce bir sitede gördüm yaa her yerde bu var nasıl yapılıyo acaba dedim TAK karşıma çıktı hayreet doğrusu:) ben sizin önerileriniz doğrultusunda bi proje üstüne çalışıyorum inanın derslerinizin hepsinin uygulamasını göreceksiniz ilk size göndericem zaten onu bitirince resim konusu sonra resimleri sergileme hakkında konuşuruz ...:)

Osman

about 7 sene ago

Hakan Bey değil artık abi demek istiyorum süpersin harikasın mükemmelsin.

erdinç

about 7 sene ago

hocam çok teşekkür ederim çok güzel anlatım ben artı olarak bişey sormak istiyorum bu galerilere sonradan kod yazmadan nasıl resim ilave ederiz eğer aydınlatırsanız çok sevinirim şimdiden teşekkürler

Hakan Çamoğlu

about 7 sene ago

Erdinç: Aynı DIV'in içine küçük resmi koyup link vermen yeterli. Herhangi bir kod eklemene gerek yok zaten herşeyi hazırlamış oluyorsun videodakileri yaparak.

dicle

about 7 sene ago

merhaba. ben bu uygulamayı sitem için denedim ama ufak bi sorun sadece closed,prev ve next görünmüyor. napmalıyım?çok teşekkür ederim ayrıca. anlatımıznı çok faydalı oldu

dicle

about 7 sene ago

teşekkür ederim. imges klasörünü atmamışım:)

dicle

about 7 sene ago

merhaba benim ufak bir sorunum var. lightbox uygulamasını yaptım çalışıyor. buton imageları görünmüyor.images dosyasını ftp ye attığım halde. herşeyi denedim ama neden görünmüyor anlamadım bir türlü. kafayı yemeden yardım ederseniz minnettar olucam:)

ekrem

about 7 sene ago

hocam emeğinize sağlık çook güzel bi paylaşım olmuş uzun zamandır yapmak istediğim bi şeyi yine sizin sayenizde yaptım fakat benim konu ile alakası olmayan bi sıkıntım daha var:( hocam ben kendi bilgisayarımda siteyi tanımlayıp şablon oalrak kaydettim.ve daha sonra arkadaşın bilgisayarına site klasörümü attım fakat dwt sayasında yaptığım değişikliklerde diğre sayfalar update edilmiyor yardımcı olursanız çook sevinirim hocam

Emre Baş

about 7 sene ago

Teşekkür Ederim ustad harika bir anlatım olmuş...!

hüseyin

about 7 sene ago

hocam selamlar.uygulama süper gerçekten bayıldım .hatta uyguladımda .ben mozilla kullanıyorum genelde hiç sorunsuz çalışıyor ama int.explorerda çalışmıyo neden acaba.not:explorerın yeni sürümlerinden biri yüklü makinamda saygılar

tsira

about 7 sene ago

merhabalar hocam.siteniz çok başarılı.her ödev yapışımda bana kaynak oluyorsunuz.çok teşekkürler açıklayıcı videolarınız için.okulda öğretmenlerin 10 ders saatinde anlatamadıklarını 10 dkkalık videoda anlatmışsınız. bu kadar övgüden sonra bi sorum olacak =) div le yapmışsınız ancak benim elimde template var(onu kullanmayıda sizden öğrendim) ve tablo kullanılmış.dive çevirmeyi denedim ama olmuyor.tabloya uygulanabilinir mi bu anlattıklarınız? yada başka bi çözüm yolu var mı tabloyla ilgili.cevabınız için şimdiden çok teşekkürler saygılarımla...

Mehmet ÖZER

about 7 sene ago

Merhabalar ellerine sağlık Hakan bey Yalızca Bir sıkıntım var Ugulamayı yaptım ama Diğer resimlerde Etkileniyor bunun sebebi ne olur yazarsanız sevinirim

ertugrulgunay

about 7 sene ago

güzel ve faydalı bir ders hocam teşekkürler. benim sorum resim açlınca altında title cıkıyor oraya nasıl title ekleriz yardımcı olursanız sevinirim.

ibrahim

about 7 sene ago

hakan bey verdiğiniz faydalı bilgiler için çok teşekkür ederim.iyi çalışmalar diliyorum.

cafer

about 7 sene ago

ben bi fan sitesi yapnmak istiyorum ama uzman degilim progmar konusunda yaptıgım web tasırıma fotgraf video müzik ve moyunlar koymak istiyorum bu bu nasıl yaparım yardımcı olursanız sevinirim

Berkay

about 7 sene ago

Arkadaşlar bu uygulamayı www.ikbalhanotel.com sitesinde odaların resimlerinde uyguladım güzel oldu resimler istediğim gibi görünüyor fakat diğer sayfaya geçmek istediğimde anasayfa yada iletişim e tıkladığımda ekranı karartıp tekrar resim göstermeye çalışıyor sadece tarayıcıdan geri dediğimde bir önceki sayfaya dönebiliyorum. Hakan hocam yada bilen arkadaşlar yardımcı olabilirlerse çok sewinirim.İlginize şimdiden çok tşk.

Emrah

about 6 sene ago

Hakan abi merhaba... Bu dersini başarıyla uyguladım sorun çıkmadı ancak bi ricam olcak bu konu ile ilgili değil.Abi rica etsek accordion menu yapımınıda öğretebilirmisin daha doğrusu düzenlemeyi dw'nin içinde bu özellik entegre var ama çok çirkin duruyo acaba editlenmesi nasıl olur image ekleme falan gösterebilirsin kendi adıma çok sevinirim abi kolay gelsin iyi çalışmalar.

ERTUĞRUL GÜNAY

about 6 sene ago

HAKAN HOCAM ŞÖYLE BİR SORUN YAŞIYORUM. RESİMLERİN OLDUĞU DİV TADG IN İÇİNDE BİR YAZI YAZIP LİNK VERDİĞİMDE LİNK AÇILMIYOR AYNI LİGHT BOX PENCERESİ AÇILIYOR. ÇOK DENMEDİM OLMADI AYRI BİR DİVD EAÇTIM YİNE OLMADI YARDIMCI OLURSANZI SEVİNİRİM. TEŞEKKÜRLER.

erhan altaç

about 6 sene ago

merhaba hakan abi güzel bir video yine emeğine sağlık ben seni dün iik defa tanıdım nette görsel dersler ararken daha yeni ama, gerçekten çok profosyonelsin anlatımalrında belli oluyo başarılırını devamını diliyorum abi benim de idealim senin gibi olmak işletme bölümü mezunu oldum 4 yıllık yeni bu sene ama ben orta okuldan beri web tasarıma karşı aşrı bi isteğim var. devletin bri kursuna gittim sertifikam var ama daha çok yeniyim ve çok zayıfım mantığı anladım bazı tasarımlarımda güzel ama daha gelişmem lasım açıkcası gelişcek bi yer arıyorum tavsiye edebilceğin bi kurs biyer varmı abi yardımcı olursan sevinirim. Neyse abi çok konuştum başarılının devamın diliyorum idolumsun =))

Gbora

about 6 sene ago

Hakan Bey Merhaba; bu uygulamayı tamamen flash as2 de hazırlanmış bir siteye nasıl entegre edebilirim ?

rüştü

about 6 sene ago

seni seviyorum Hakan Çamoğlu :)

engin Çetiner

about 6 sene ago

ertuğrul günay beyin sorusunu cavaplamak istiyorum hakan hocamın müsaadesi olursa videoyu çok dikkat ederek izlerseniz zaten hakan hocam orada cevabınızı videoda net olarak vermiş sizin probleminiz tam olarak şurada galeri isminde bir div oluşturdunuz bu tamam fotoğraflarda içerisinde oda tamam ama siz şurada hata yapıyorsunuz $(function() { // Use this example, or... $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel // This, or... $('#gallery a').lightBox(); // Select all links in object with gallery ID bakın video da da net olarak anlatılıyor zaten yukarıdaki satırda galleri a nın içerisindeki leri etkile demektir (en alta geçin ) // This, or... $('a.lightbox').lightBox(); // Select all links with lightbox class // This, or... $('a').lightBox(); // Select all links in the page (penceredeki tüm linkleri etkile) // ... The possibility are many. Use your creative or choose one in the examples above }); bu yüzden sizin link verdiğiniz cümle veya kelime galeri a nın içerisinde olduğunda tabiki jqery le açılacaktır bunu engellemedin yolu ise ya yeni bir div oluşturup oradan link vermek yada bir buton oluşturup ona link vermek tüm probleminizi çözecektir videoyu tekrar izleyin umarım yardımcı olabilmişimdir iyi çalışmalar

ayhan maden

about 5 sene ago

merhaba, bu uygulamayi kendi calismamda yaptim fakat ben resimleri veri tabanindan Eval'lar yardimi ile getirdigim icin Next ve Prev buttonlarinda sorun yasıyorum.. Yardimci olursaniz sevinirim..:)

mehmet

about 5 sene ago

Gerçekten çok yararlı oldu bu konuyu türkçe anlatan bir yer bulamamıştım. Çok teşekkürler elinize sağlık.

Leave a Comment

Please be polite. We appreciate that.
Your email address will not be published and required fields are marked