dhonishow
Dhonishow prototype altyapısını kullanarak kolay, hızlı bir biçimde resim galerisi oluşturmanızı sağlıyor.
Bir galeride olması gereken ileri-geri bağlantıları ile resim adeti ve resim numarası bilgileri galerinin altında gözükebiliyor.
üstelik galeriniz için sayfanızın tamamı harcamaya gerek yok! sayfanızın herhangi bir yerine gömebilecek kadar hoş duruyor.
buradan indirebileceğiniz yazılımı şu aşamalar ile sayfamıza koyabiliriz:
gerekli yüklemeler:- prototype yüklenmesi
adını prototype.js olarak değiştirin - geçiş efektleri için script.aculo.us yüklenmesi
- dhonishow yüklenmesi
öncelikle yüklemiş olduğumuz javascript dosyalarını sayfamızda belirtiyoruz:
<head> ile </head> arasına
- <script src="prototype.js" type="text/javascript"></script>
- <script src="scriptaculous.js" type="text/javascript"></script>
- <script src="dhonishow.js" type="text/javascript"></script>
css dosyasını ekliyoruz:
<head> ile </head> arasına
<link rel="stylesheet" href="dhonishow.css" type="text/css" media="screen" />
galerimizin gözükmesini istediğimiz yerde dhonishow sınıflı "div" oluşturuyoruz ve resimleri sırayla yerleştiriyoruz:
<div class="dhonishow">
<img src="resim1.jpg" alt="resim 1" />
<img src="resim2.jpg" alt="resim 2" />
<img src="resim3.jpg" alt="resim 3" />
</div>
dhonishow sınıfından sonra "efekt" belirtebiliyoruz:
<div class="dhonishow effect_appear">
güle güle kullanın.
- muarifer
- 0 yorum var
- 08 Aralık 2006 12:11
« önceki yazı Türkiye'de neden Youtube çıkamaz ? |
sonraki yazı » interaktif sistemler... |
pillinetwork sitelerine yorum ekleyebilmek ve daha fazlası için, üye olun ya da giriş yapın.
İlgili Yazılar
- Ajax Slideshow Resim Galerisi (3)
- 20 Css Resim Galerisi (3)
- flash, javascript imaj galerileri (3)
- Ajax ve javaScript tabanlı fotoğraf galerileri (20)
- Zirvedeki 10 Js imaj sunumu (3)
- tasarımcının el rehberi 1 - css galerileri (6)
- tasarımcının el rehberi 3 - online tasarım derg... (1)
- tasarımcının el rehberi 2 - javascript kaynakları (2)
- tasarımcının el rehberi 4 - web 2.0 listeleri l... (1)
Bu Yazıyı Tutanlar
Beğendiğiniz bir yazıya "tuttum" demek için başlığın yanındaki yıldıza tıklayabilirsiniz.
