Sekolah Anak
Beberapa hari lalu, istri bertanya kepada saya, kemana anak kami…
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 });
Discussion about this post