Trent Foley tarafından geliştirilen Gallerific isimli jQuery eklentisiyle hızlı, yüksek performanslı fotoğraf galerileri oluşturabilirsiniz.

Özellikleri

[+] Sayfa yüklendikten sonra preloader efekti
[+] Thumbnail navigasyon (sayfalama ile)
[+] İmlerinize eklemek için jQuery history eklentisi entegre edilmiş
[+] Slayt gösterisi
[+] Kendi özel geçiş efektlerinizi ekleyebilirsiniz
[+] Klavyenin yön tuşları ile galeriyi kontrol edebilirsiniz
[+] Resim açıklamaları (image captions)
[+] Esnek konfigürasyon
[+] Javascript çağrılamadığında da çalışıyor
[+] Tek sayfa'da birden fazla galeri kullanabilirsiniz » devamı

Öncelikle HTML kodlarımız ile başlıyoruz:

<div id="container">
    <div id="tab-head">
        <ul>
            <li><a href="#tab1">Tab 1</a></li>
            <li><a href="#tab2">Tab 2</a></li>
            <li><a href="#tab3">Tab 3</a></li>
        </ul>
    </div>
    <div style="clear:both;"></div>
    <div id="tab-content">
        <div id="tab1" class="content">Tab 1</div>
        <div id="tab2" class="content">Tab 2</div>
        <div id="tab3" class="content">Tab 3</div>
    </div>
</div>

Daha sonra bunlara CSS yardımı ile stil veriyoruz: » devamı

$(document).ready(function(){
    $('#demo').click(function(){
        var RGB = $(this).css('backgroundColor');
        alert(RGB );
    });
});

Üstteki kod bize renk kodunu RGB (red, green, blue) olarak geri döndürecektir. » devamı