Düş’lerindir seni Var’eden » Blog Archive » Ajax ve javaScript tabanlı fotoÄŸraf galerileri
Kendin için ne istiyorsan O’sun
28 Nisan 2008 15:54
Yazar: Alpay Ogus
Kategori: KategorilenmemiÅŸ

 Birbirinden güzel fotoğraflarınız varsa ve bunları birilerine göstermek istiyorsanız o halde fotoğraf galerileri tam size göre. İşte ajax ve javascript ile hazırlanmış 15 fotoğraf galerisi:

  1. Galleria
    jquery ile yazılmış bir fotoğraf galerisi. javascript ile çalışıyor. <ul> etiketiyle listelediğiniz fotoğrafları otomatik olarak galeriye dönüştürebiliyor.

    galleria
    galleria
  2. lightwindow
    lightbox efektini kullanarak galeri oluÅŸturabiliyor.

    lightwindow
    lightwindow
  3. (E)2 photo gallery
    mootools kütüphanesi kullanıyor. Önce fotoğraflarınızı bir klasöre upload ediyorsunuz ve galerinin bu klasördeki fotoğraflar ile oluşturulmasını belirtiyorsunuz. Böylece galeriniz otomatik olarak hazırlanıyor.

    (e)2 photo gallery
    (e)2 photo gallery
  4. spry gallery
    Adobe’un spry isimli javascript kütüphanesi ile hazırlanmış sade bir fotoÄŸraf galerisi

    spry
    spry
  5. imago
    Yaklaşık 8 KB olmasına rağmen AJAX tekniği kullanan ve güzel özellikleri olan bir galeri. Flickr desteği ve galeri bilgilerini XML dosyasından alabilme özelliğine sahip.

    imago
    imago
  6. slideviewer
    fotoğraflarınızı slayt şeklinde sergileyebileceğiniz ve bir jquery eklentisi olan bir galeri. özellikle efektleri çok hoş.

    slideviewer
    slideviewer
  7. minishowcase
    php, javascript ve ajax üçlüsü ile yazılmış, karmaşık olmayan ve birkaç dakikada hazırlanabilen bir galeri. galerideki fotoÄŸraflara tıkladığınızda fotoÄŸraflar “lightbox” efekti ile açılıyor.

    minishowcase
    minishowcase
  8. ajax image gallery powered by slideflow
    Adından da anlaşılabileceği üzere AJAX tekniği ile hazırlanmış basit bir galeri. Fotoğraflara slayt gösterisi şeklinde bakabiliyorsunuz.

    ajax image gallery powered by slideflow
    ajax image gallery powered by slideflow
  9. lightweight image gallery
    Öyle çok karmaşık bir galeri istemiyorum” diyorsanız bu galeri sizi tatmin edebilir. Oldukça sade ve hazırlanışı kolay bir galeri çünkü.

    lightweight image gallery
    lightweight image gallery
  10. photofolder
    İçerisinde jpg formatında fotoğrafların bulunduğu bir klasörü otomatik olarak tarıyor ve fotoğrafları sizin yerinize boyutlandırıyor. Yani galeriyi otomatik olarak hazırlayabiliyor. PHP 5 gerektiriyor.

    photofolder
    photofolder
  11. jas gallery
    jas kelimesi aslında “javascript slides” kelimelerinden oluÅŸturulmuÅŸ. FotoÄŸraflara slayt ve fading efektleri uygulayabiliyor. Ayrıca fotoÄŸrafları etiketleyebiliyorsunuz. Böylece kullanıcılar, görmek istedikleri fotoÄŸraflara daha hızlı ulaÅŸabiliyorlar.

    jas gallery
    jas gallery
  12. mooflow
    Apple’ın ÅŸuradaki sayfasına girdiÄŸinizde, sayfanın üst tarafında yatay bir kaydırma çubuÄŸu göreceksiniz. Bu çubuÄŸu kaydırarak Apple ürünlerine hızlıca gözatabiliyorsunuz. Benzer bir uygulamayı bu galeri ile oluÅŸturabiliyorsunuz.

    mooflow
    mooflow
  13. ximggallery
    Bu galerinin en önemli özelliği, tek bir dosyadan oluşmasıymış. javascript ile yazılmış. web sayfalarınızın içerisine gömebiliyorsunuz.

    ximggallery
    ximggallery
  14. highslide js
    gerçekten güzel bir uygulama. fotoÄŸraflar “lightbox” benzeri bir pencerede açılıyor. klavye desteÄŸi sayesinde, fotoÄŸraflar arasında klavyenizin yön tuÅŸlarını kullanarak gezinebiliyorsunuz.

    highslide js
    highslide js
  15. couloir
    javascript ile yazılmasına rağmen flash ile oluşturulmuş bir galeri izlenimi veriyor. fotoğraflara tıkladığınızda bir fotoğraf çekme sesi duyuyorsunuz. Kaynak kodları 600 KB civarında.

    couloir
    couloir

—–

Ve fotoÄŸraf galerisi oluÅŸturan diÄŸer uygulamalar:

bildirinin kaynağına buradan ulaşabilirsiniz.





Yorum yok

Henüz yorum yapılmamış.

Bu yazıya yapılan yorumlar için RSS beslemeleri. TrackBack URI

Yorum bırakın

*
Spam bir yorum olmadığını kanıtlamak için lütfen resimde gördüğünüz kelimeyi girin. Kelimeyi sesli dinlemek için se resmin üzerine tıkayın.
Kelimeyi sesli dinlemek için resmin üzerine tıkayın