PHP Tabanlı ImageFlow Fotoğraf Galerisi
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.
Bunlar da İlginizi Çekebilir
Hoşgeldiniz!
Son teknoloji haberlerinden, yazılım ve donanım incelemelerine, çeşitli fırsatlardan kampanya duyurularına kadar birçok konunun yer aldığı kişisel web siteme hoşgeldiniz.
Takipte Kalın!
Kişisel sitemdeki güncelleştirmelerden, haber ve yeniliklerden anında haberdar olmak çok kolay.
Mini blog sitesi Twitter'da site güncelleştirmelerini takip edebilirsiniz.
Facebook'ta sayfamı beğenerek haber paylaşımlarımı hesabınızdan takip edebilirsiniz.
İletişim sayfasını kullanarak bana mesaj gönderebilisiniz.
Masaüstü Görünümü
Web sitemi şu anda Mobil Görünüm'de geziyorsunuz.
Geniş ekranlı cihazınızdan geziniyorsanız Masaüstü Görünümü'ne geçmek için tıklayın.