JQuery Slider Resim Galerisi Örneği

Ömer BOZALAN

Altın Üye
Altın Üye
Kayıt
3 Eylül 2012
Mesaj
73
Tepki
28
Yine sitenizde kullanabileceğiniz çok güzel bir jquery resim galerisi paylaşımı yapacağım. İnternette sizler için araştırıp bulduğum bir çalışma. istediğiniz gibi kullanabilirsiniz. Hiçbir ücret ödemeden jquery resim galerisiçalışmasını aşağıdaki linkten indirebilirsiniz. Biraz çalışmasını şeklini ve nasıl resim ekleyeceğinizi anlatayım.Yapmanız gereken slides klasörü içinde yer alan resimleri değiştirip yerine yenilerini koyduktan sonra. Galeri.html dosyasını Dreamweaver veya not defteri ile açıp aşağıdaki satırları yeni koyduğunuz resim adlarıyla değiştirmeniz gerekiyor.<div id=”gallery”>
<img src=”slides/BarbedWire.jpg” alt=”Barbed Wire” />
<img src=”slides/Feather.jpg” alt=”Feather” />
<img src=”slides/DriftStuff.jpg” alt=”Drift Stuff” />
<img src=”slides/Driftwood.jpg” alt=”Driftwood” />
<img src=”slides/DriftwoodGuy.jpg” alt=”Driftwood and Guy” />
<img src=”slides/GrassLight.jpg” alt=”Grass and Light” />
<img src=”slides/PebbleAndShells.jpg” alt=”Pebble and Shells” />
<img src=”slides/StickSea.jpg” alt=”Stick and Sea” />
<img src=”slides/SeaweedGasmask.jpg” alt=”Seaweed Gasmask” />
<img src=”slides/Surfers.jpg” alt=”Surfers” />
</div>

Yukarıdaki kırmızı ile olan kısımlara resimlerin adlarını uzantılarıyla birlikte yazarak değiştiriyorsunuz. Mavi kısımlar ise mouse resmin üzerine geldiğinde resmin altında çıkan açıklama satırıdır. Orayıda istediğiniz şekilde değiştirebilirsiniz. Çok basit ve kullanışlı bir jquery resim galeri çalışmasıdır. İnşallah beğenirsiniz. Kolay gelsin.

 
Yukarı Alt