Wal-E, dünyanın en gelişmiş robotu

Kullandığım JQuery eklentileri

Wal-E, dünyanın en gelişmiş robotu

Wal-E, dünyanın en gelişmiş robotu

Bu JQuery ne kadar büyük bir nimet. İlk çıktığında pek anlamamıştım. Tıpkı WordPress’te yaşadığım gibi, tüm takip ettiğim sitelerde JQuery haberleri ve örnekleri ile dolmaya başlayınca ben de merak edip indirdim. Birkaç örneği denedim. Az biraz hoşuma gitti. Sonraları sitelerde kullandıkça ve kolaylığını gördükçe ilgi ve alakam arttı. Şimdi bayılıyorum JQuery kullanmaya. Siteye bir şey eklemek istediğimde ilk önce JQuery ile yapılmış mı diye arıyorum, genelde de buluyorum. Şu anda ise kullandığım birkaç eklenti hakkında kısa bir şeyler yazmak istedim.

 

 

 

Benim tavsiyem ilk önce

<script type="text/javascript"
src="http://code.jquery.com/jquery-latest.min.js"></script>

kodunu eklemeniz.

Wall-e ve Eve

Wall-e ve Eve

Yukarıdaki resim Nivo Slider eklentisinden. Yandaki resim ise yukarıdaki resmi ararken denk geldiğim bir resim. Çok hoşuma gitti. O yüzden ekledim. İstediğiniz kadar resmi, geçiş efektli müthiş bir slayt gösterisine dönüştürüyor. İlk başta işime yarıyacak gibi düşündüm.Kendi sitelerindeki gibi sayfanın üstünde, logonun yanında sürekli değişen resimler. Ama baktım sadece katmanın arka resmi olarak çalışıyor, vazgeçtim. Bir ara tekrar kullanmak ümidiyle kodları göz önünde tutuyorum ve hala imrenerek bakıyorum.

Şu anda kayan resimler için kullandığım eklenti BxSlider. Nivo kadar geçiş efekti yok. Kendi sitelerinde Easing diye bir eklenti tavsiye ediyorlar geçiş efektleri için. Ama ben tavsiye etmiyorum. Her JQuery gibi bunda da ilk önce bir katman oluşturuyoruz. İçine de başka katmanlar oluşturuyoruz, ki bunlar slaytları oluşturacak.

<div id="slider1">
    <div>1. slaytın içeriği</div>
    <div>2. slaytın içeriği</div>
    <div>3. slaytın içeriği</div>
    <div>vesaire vs...</div>
</div>

Benim bu eklentide en çok hoşuma giden özellikler: Otomatik başlayabilme, rastgele bir yerden başlama, hızını ve bekleme sürelerini ayarlayabilme, harici kontrol ekleyebilme, hatta tek seferde kaç slayt hareket edebileceğini bile seçmek.

Kullanmaktan hoşlandığım ikinci eklenti daha yeni keşfettiğim TableSorter adındaki müthiş şey. Daha önceleri verileri tablolara yazardım ama hiç o tablodaki verileri çeşitli sütunlara göre sıralatmayı ve sayfa sayfa göstertmeyi denememiştim. Geçen sene denedim ama o kadar çok kod yazdım ki bir daha yapmamaya karar vermiştim. Ta ki bu eklentiyi bulana kadar. Bu eklentinin çalışabilmesi için öncelikle bir bilgi dolu tablonuz olması lazım. Ben iş ve öğrenci başvuruları ile yorumlar için kullanmaya başladım ilk olarak. Normal bir tablo oluşturduktan sonra eklememiz gereken şeyler şunlar:

  1. tablo için “id=’myTable’ class=’tablesorter’” eklemek
  2. tabloya <thead>,<tbody> ve <tfoot> etiketlerini eklemek.
  3. <tfoot>u eklememizin nedeni, tabloyu sayfa sayfa bölmemizi yarayacak olan bölümü eklemek. tablonun ilk satırı başlık satırı olacak, bu yüzden <thead> etiketi için aldık.
  4. Hem ilk hem de sondaki satırdaki <td> etiketlerinin yerine <th> etiketi yazmamız lazım.

Son olarak tablo şu şekilde olmalı

<table id="myTable"><thead><tr>
    <th>Ad Soyad</th><th>Dogum Tarihi</th><th>Pozisyon</th>
</tr></thead><tbody><tr>
    <td>BESA ISMAILI</td><td>09/05/1996</td><td>English</td>
</tr></tbody><tfoot><tr><th colspan="3">
    <div id="pager"><form>
       <img src="image/first.png" alt="" />
       <img src="image/prev.png" alt="" />
       <input type="text" />
       <img src="image/next.png" alt="" />
       <img src="image/last.png" alt="" />
       <select>
           <option value="10">Sayfa basina 10</option>
           <option value="20">Sayfa basina 20</option>
           <option value="50">Sayfa basina 50</option>
       </select>
    </form></div>
</th></tr></tfoot></table>