Jquery Image Hover // Tuesday, November 8, 2011
Haihaii today Im come back with my stupid tutorial. Tutorial ini termasuk tutorial lama so buat yang masih newbie aja silakan coba tutorial ini. Cara membuat hover image dari terang ke gelap kayak di blog aku ini.
Dashboard >>Design >>Edit HTML
Search code:
<head>
Pastekan code ini dibawahnya:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0);
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5);
},function(){
$(this).fadeTo("slow", 1.0);
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0);
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5);
},function(){
$(this).fadeTo("slow", 1.0);
});
});
</script>
Preview, Save Tempelate.
Credit: http://anis-diyana.blogspot.com/