Facebook Tarzı Foto Galeri Yapımı

Bu derste yine bir örnek uygulama geliştirdik. Uygulama günümüzde hemen hemen tüm internet kullanıcılarının girmiş olduğu Facebook.com'un fotoğraf galerisinin bir benzeri.

Merhaba arkadaşlar,

Bu derste yine bir örnek uygulama geliştirdik. Uygulama günümüzde hemen hemen tüm internet kullanıcılarının girmiş olduğu Facebook.com'un fotoğraf galerisinin bir benzeri.

Bu uygulamanın bir çok arkadaşımızın kafasını karıştırdığını gördüm ve sonuç olarak bu görsel dersi hazırladım. Dikkatli dinlerseniz yeni bilgiler edineceğinizden şüphem yok. Yararlı olması dileğiyle, keyifli seyirler :)

  • Etiketler;
Mehmet Seven
Aslen Sivaslı olan yazar, İstanbul'da yaşıyor. 3 yıldır Web Programlama ile uğraşıyor. <p>Yaptığı işi severek, isteyerek yapıyor, geleceğini de buna göre şekillendirmeyi hedefliyor.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

• 9 yıl önce
video kayıp
• 9 yıl önce
Düzeltme:Düzeltme tarihi(29.05.2011) Arkadaşlar videoyu hazırladıktan bir kaç gün sonra uygulamada bir sorun olduğunu gördüm.Sorun şu;pencere boyutu 1280x1024 boyutlarında olduğunda sorun yok resmin gösterildiği div tam ortada gösteriliyor.Ancak pencere boyutu küçültüğünde veya büyüdüğünde resmin gosterıldıgı div sagda ve sol tarafta kalıyor ve haliyle göremiyoruz resmi.Bu sorunu aşıp pencerenin her türlü boyutunda resmin gösterildiği div nesnesini pencerenın tam ortasında göstermek için; ilk satırdaki [code]$(document).ready(function{[code] kodunun hemen altına aşağıda vereceğim kodları yerleştiriniz. [code] $(window).resize(function(){ $('.resim_orta').css({ left: ($(window).width() - $('.resim_orta').outerWidth())/2, top: ($(window).height() - $('.resim_orta').outerHeight())/2 }); }); $(window).resize(); [/code]
• 9 yıl önce
nuru33,video kayıp falan değil video yerinde.Videolar blip.tv adresinden çekildiği için dns ayarı yapmanız gerekiyor.Ayarı yapabilmek için aşağıdaki linke tıklayın. http://sanalkurs.net/yasaklanmis-sitelere-girmek-vimeo-youtube-4682.html
• 9 yıl önce
gayet güzel bir ders teşekkür ederiz peki bu resimleri böyle bir bir yazmak yerine xml ile alabilirmiyiz?
• 9 yıl önce
@cyper-rose; tabiki,ister xml ile alın,istersenizde veritabanınızda sorgu yaptırın çekin farketmez.
• 9 yıl önce
teşekkür ederim....
• 9 yıl önce
Harika bir paylaşım, teşekkür ederiz. Video'daki özelliklerin dışında Demo'dafarklılık mevcut. Işıkları kapat dediğimizde body tag ı tamamen kararıyor. sadece resim görünüyor. sayfanın diğer bölümleri opacity ile hafif görünür olması gerekiyor.video'da böyle ancak demo'da değil. Bunun çözümünüde paylaşırsanız sevinirim.
• 9 yıl önce
Kardeş video izleyemiyorum bana tüm kodıu yayınlarmısın kolay gelsin
• 9 yıl önce
@SEYDULLAH, derste yapılan örnek ne ise demo adresinede o koyuldu bir farklılık göremedim ben.
• 9 yıl önce
usta uygulamayı yaptım oldu ama küçük bir sıkıntı var.resimlerin olduğu sayfada embedle çektiğim birde video var.bir resmi büyütmek için tıkladığımda video resmin büyük halinin önüne geçiyor onu nasıl çözebilirim?
• 9 yıl önce
Çok güzel ve anlaşılır bir video.Emeğinize sağlık.
• 9 yıl önce
video için teşekkürler. Benim Foto galerimde 500 resim var diyelim, ve bu resimleri veri tabanından çekmek istiyorum,bir sorun yaşar mıyım ? ayrıca böyle çok resim olunca Facebook'ta bu olay nasıl yapıyorlar ?
• 9 yıl önce
çok teşekürler videoları izleyemiyordum dns değiştirince oldu.bide lightbox ile ilgili bir video hazırlayabilirmisiniz?
• 9 yıl önce
iyi günler acaba nivo slider ile ilgili bir video hazırlayabilirmisiniz?.
• 8 yıl önce
mehmet kardeş takıldığım bi yer var kafayı sıyırıcam bana yardımcı olur musun?
• 8 yıl önce
@Burakf,buyrun sorun nedir ?
• 8 yıl önce
merhaba mehmet karder uygulama güzel oldu ama bir sorum olacak 25.30 tane resim var mesala bunların en alttakine tıklayınca acılan resim orta classı görünmüyor en üstte cıkıyor bunu nasıl tıklanan yerde cıkmasını saglarız
• 8 yıl önce
@supercros; bu sorunu aşabilmek için şöyle bir yol izlenebili;tıklanan resmin yukarıdan boşlığunu alıp,açılan buyuk resmin ustten nekadar boşluk alacağını bu değere göre belirleyebilirsin.
• 8 yıl önce
merhaba mermet kardeş resim ortalamayı cözemedim birde [code] <div class="resim">'; $resimcek=mysql_query("select * from resim"); while($yazi=mysql_fetch_array($resimcek)){ $id=$yazi['id']; $baslik=$yazi['baslik']; $resimk=$yazi['resimb']; echo "<img src='$resimk' width='640' height='480'>"; } echo '</div>[/code] bu döngüde gayet güzel calışıyor ama[code] <div class="resim">'; $resimcek=mysql_query("select * from resim where katid='$id'"); while($yazi=mysql_fetch_array($resimcek)){ $id=$yazi['id']; $baslik=$yazi['baslik']; $resimk=$yazi['resimb']; echo "<img src='$resimk' width='640' height='480'>"; } echo '</div>[/code]bu sekilde döngü yapınca calışmıyor bu konuda yardımcı olurmusun
• 8 yıl önce
mehmet arkadas galerideki resimleri yatay degilde dikey olarak gösterdigimizde degiş class yarım cıkıyor birde bu scrool barı nasıl sabitleriz

Yukarı Git