Web sitelerimizde, kişisel bloglarımızda, formlarımızda veya portallarımızda yer alan resimlerimiz açıklamalarını jquery yardımı ile görselleştirebiliriz, daha kullanışlı bir hale getirebiliriz.

Web sitelerimizde alanlarımızı verimki kullanmak,birbirleri ile alanların uyumlarını sağmalak bazen oldukça güç olabiliyor. Jquery slider

Web sitelerimizde kullanıcılarımız tarih işlemleri yaparken tarihleri uygun bir biçimde yazmaları ve bizimde sorgularımız bu dogrultuda yapmamız gerekir. Tarih işlemleri i “Jquery Date Pick’i ” kullanabiliriz. İnput alanımız aktif edildiği anda karşımızı bir takvim geliyor ve bu alandan sitediğimiz tarihi seçebiliyoruz.

Dosyamıza jsDatePick.min.1.1.js dosyamızı ve jsDatePick.css stil dosyamızı ekliyoruz, ardından aşagıda yer alan javascript kodumuzu yazıyoruz ve input id inputField aktif edildiğinde karşımızam tarhi seçimi yapacağımız takvimimiz geliyor.

Daha önce photo slider uygulamalarında fotografları seçtiğimizde ekranımız kararıyor ve fotografımız ekranımızın ortasında normal boyutlarında yer alıyordu. Bu uygulamamızda fotografımızı seçtiğimizde fotografımız olduğu yerden başlayarak normal boyutlarına doğru büyüyor, ve açıklaması fotografımızın altında yer alıyor.

Fotograflarımızı örneğimizde aşağıdaki kod bologu içerisine yerşetiriyoruz.

		<td><div class="photo_slider">
			<img src="images/mthood.jpg"/>
			<div class="info_area">
				<h3>Deneme Image 1</h3>
				<p><em>By: <a href="http://gumusluoglu.com">Müslüm</a></em></p>
			</div>
		</div></td>

Web sitelerimizde jquery’den yararlanarak fotograf galerileri – fotograf geçişleri (Sliders) hazırlaya biliriz. Sitemiz bir alışveriş sitesi ise veya biz bir üretim firması isek çıkan ürünlerimizin reklam imagelarını Jquery Sliders aracılığı ile kullanıcılara sunabiliriz.

Daha önceki Jquery Alışveriş Sepeti (Sürükle Bırak) uygulamamızda alışveriş sepetimizi oluşturuyor ve alışverişi tamamla işlemlerini yapmış, uygulamamızda veri tabanına kayıt işlemini gerçekleştirmemiştik. Bu örneğimizde alışveriş bilgilerini veri tabanına kayıt edilmesini yapıyoruz.

Sitemizde yer alan ürünlerin veya verilerin belirli sıralama ölçütlerine göre sıralanma olanağını kullanıcılarımıza suna biliriz. Bu olanak için direk bir buton veya link kullanarak url aracılığıyla gelen uyarıya göre ürünlerimizi sıralıya biliriz. Bunun yanı sıra jQuery’nin nimetlerinden yararlanarak sayfa içerisinde yer alan verilerimizi sıralıya biliriz.

Jquery yazılımcıların ve tasarımcıların oldukça kullanışlı ve görsel özellikli projeler yapmasına yardımcı olan muhteşem bir kütüphanedir. Bu mutheşem kütüphanenin nimetlerinden yararlanmaya devam ediyoruz. Ziyaretcilerimizi sitemizi dolaşırken mause imleci ile bir nesnenin üzerine geldiklerinde nesnenin belirmesini (orjinal haline dönmesini) sağlayan, mause’u nesne üzerinden çekince ise soluklaşmasını sağlayan uygulama yapacağız. Nesnelerimiz ilk olarak solgun bir haldeler, ziyaretcilerimiz nesneleri seçmek istedikleri anda yavaş yavaş kendi orjinal renklerine dönüyorlar.

E-ticaret sistemlerimizde yer alan ürünlerin kullanıcılar tarafından sepete ekleme işlemleri oldukça önemli ve dikkat edilmesi gereken bir konudur. Sepete eklemek için birden çok yolu kullana biliriz sepete ekle; iconu, butonu veya linki ile sepete ekleme işlemlerinin gerçekleşmesini sağlıya biliriz.

Sistemlerimizde yer alan linkler linklerin açıklamalarını yazı şeklinde yapabildiğimiz gibi Screenshot (Ekran Resmi) şeklindede yapabiliriz. Bu sayede kullanıcıların daha iyi bilgilendirilmesini sağlayabiliriz.Örneğimizde jquery ile screenshot önizlemesi yapıyoruz.