PHP Tabanlı ImageFlow Fotoğraf Galerisi

12 Ara 2010 Paz 1 yorum

Resim yansımalarının PHP ile yapıldığı mükemmel bir fotoğraf galerisi.

Daha önce buradaki yazımda verdiğim ImageFlow galerisinin bir benzeri olan bu galeride fotoğrafların yansıması daha etkili bir şekilde oluşturuluyor. Her iki galeri de de geçişler iTunes yazılımındaki albüm geçişleri ile benzer şekilde yapılıyor.


NFS Hot Pursuit galerisi oluşturdum.

Galeri Özellikleri:

  • PHP ile resim yansımaları oluşturma
  • Fare tekerleği yardımıyla gezinme
  • Kaydırma noktası ile gezinme


Neler Gerekli?

  • PHP destekli bir sunucu


Kurulum:

Aşağıdaki dosyaları sitenizin kök klasörüne kopyalayın.

  • button_left.png
  • button_pause.png
  • button_play.png
  • button_right.png
  • imageflow.css
  • imageflow.js
  • imageflow.packed.css
  • imageflow.packed.js
  • reflect2.php
  • reflect3.php
  • slider.png
  • slider_dark.png
  • style.css


Kullanım:

Galeriyi kullanacağınız dosyanın <head></head> etiketleri arasına aşağıdaki kodu ekleyin.

<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="imageflow.packed.css" type="text/css" />
<script type="text/javascript" src="imageflow.packed.js"></script>

Aynı dosyanın <body></body> etikleri arasında galeriyi kullanacağınız yere aşağıdaki kodu ekleyin.

<div id="myImageFlow" class="imageflow">
     <img src="resim1.jpg" longdesc="resim1.jpg" alt="Resim 1" />
     <img src="resim2.jpg" longdesc="resim2.jpg" alt="Resim 2" />
     <img src="resim3.jpg" longdesc="resim3.jpg" alt="Resim 3" />
</div>

Artık ImageFlow galerimiz hazır. 

Önemli not: Galeriyi bir HTML dosyasında kullanabilirsiniz fakat galerinin çalışacağı sunucunun mutlaka PHP desteğine sahip olması gerekiyor. Aksi takdirde resimler gözükmeyecektir.
 

Önizleme ve İndirme Bağlantıları:

Hazırladığım küçük galeriyi izlemek için buraya, gerekli dosyaları indirmek için ise buraya tıklayın.

21295 kez okundu.

1 Yorum Var

  1. yapboz demiş ki

    gerçekten güzel



Yorum Yazın