كود اختفاء الصورة عند تمرير الماوس عليها .

كود جافا سكربت يتم اضافته الى قالب مدونات بلوقر وظيفته .. عند تمرير الماوس على الصورة الموجودة في مواضيع المدونة تختفي بشكل جزئي ثم تعود الى ما كانت عليه .( الكود يعمل على جميع المتصفحات ) .

مثال كما هو في مدونتي .
طريقة اضافة الكود :


من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
ثم ابحث عن :
</head>
و اضف هذا الكود فوقها مباشرة :

<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); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

ثم اضغط حفظ .. انتهى .