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!

video kayıp
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]
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
gayet güzel bir ders teşekkür ederiz peki bu resimleri böyle bir bir yazmak yerine xml ile alabilirmiyiz?
@cyper-rose; tabiki,ister xml ile alın,istersenizde veritabanınızda sorgu yaptırın çekin farketmez.
teşekkür ederim....
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.
Kardeş video izleyemiyorum bana tüm kodıu yayınlarmısın kolay gelsin
@SEYDULLAH, derste yapılan örnek ne ise demo adresinede o koyuldu bir farklılık göremedim ben.
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?
Çok güzel ve anlaşılır bir video.Emeğinize sağlık.
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 ?
çok teşekürler videoları izleyemiyordum dns değiştirince oldu.bide lightbox ile ilgili bir video hazırlayabilirmisiniz?
iyi günler acaba nivo slider ile ilgili bir video hazırlayabilirmisiniz?.
mehmet kardeş takıldığım bi yer var kafayı sıyırıcam bana yardımcı olur musun?
@Burakf,buyrun sorun nedir ?
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
@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.
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
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