Halo, nama saya Agung. Berasal dari Denpasar, Bali. Blog ini adalah blog harian saya, dari tips dan trick code, curahan hati, dan beberapa tulisan tidak penting.

Menu & Search

Highlight me – Jquery Plugin

May 8, 2011

Cukup lama meminta bantuan kepada mbah google untuk mencarikan plugin yang sesuai dengan apa yang saya inginkan, tetapi masih belum dapat juga. Putus asa mencari, akhir nya memutuskan untuk buat saja sendiri.

Berikut plugin Highlight me, yang akan menghighlight image dengan mem-fade image disekitarnya.

(function( $ ){
    $.fn.highlightme = function(options) {
        var defaults = {
            fadespeed : "fast",
            fadeopacity : 0.1
        };
        var options = $.extend(defaults, options);

        return this.each(function() {
            $(this).mouseenter(function(){
                $.each( $(this).siblings() , function(k, v) {
                    $(v).find("img").stop().fadeTo(options.fadespeed, options.fadeopacity);
                });
                $(this).find("img").stop().fadeTo(options.fadespeed, 1);
            });

            $(this).parent().mouseout(function(){
                $.each($(this).find("img"), function(k, v){
                    $(this).stop().fadeTo(options.fadespeed, 1);
                });
            });
        });
    };
})( jQuery );

 

Penggunaan nya :

$(".testah").highlightme({
    fadespeed : "fast",
    fadeopacity : 0.1
});
Related article

Startup, dan Leverage dalam usaha

Kita tau belakangan ini banyak startup berguguran. Bahkan di sebuah…

Sekolah Anak

Beberapa hari lalu, istri bertanya kepada saya, kemana anak kami…

Istri, IRT atau Kerja atau Usaha?

Pernah ga cowo – cowo yang akan nikah berpikir, istri…

Discussion about this post

Leave a Reply

Your email address will not be published. Required fields are marked *

Type your search keyword, and press enter to search