بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله تعالى وبركاته
سأقدم لكم وبشكل دوري ان شاء الله تأثيرات رائعة يتم تطبيقها على المصغرات والصور
بعضها تعمل على كافة المتصفحات والآخر لا يعمل إلا على بعضها كم ا سيتم توضيحه
اليوم سأقدم لكم تأثير تحويل الصور إلى لون احادي ابيض وأسود ، لكن عند المرور بالماوس عليها يتم تحويلها إلى لونها الطبيعي
المثال من هنا للعلم المثال سيتغير كل ما أضيف تأثير مختلف سيتغير في الموقع التجريبي
بدأ بسم الله شرح التركيب في خطوتين سهلة وبسيطة ان شاء الله :
اولا افتح ملف header.html من الtemplates الذي تستخدم واضف ما يلي قبل وسم
أضف الكود التالي :
كود:
<script>
<!--
function pick(obj) {
obj.filters.alpha.opacity=100;
obj.filters.gray.enabled=false;
}
function unpick(obj) {
obj.filters.alpha.opacity=80;
obj.filters.gray.enabled=true;
}
function lightup(imageobject, opacity){
if (navigator.appName.indexOf("Netscape")!=-1&&parseInt(navigator.appVersion)>=5)
imageobject.style.MozOpacity=opacity/100
else if (navigator.appName.indexOf("Microsoft")!=-1&&parseInt(navigator.appVersion)>=4)
imageobject.filters.alpha.opacity=opacity
}
//-->
</script> ومن ثم افتح ملف functions.php من مجلد Includes
ابحث عن
كود PHP:
$thumb = "<img src=\"".$file_src."\" border=\"0\"".$width_height." alt=\"".format_text($image_name, 2)."\" />";
اسنبدله بــ
كود PHP:
$thumb = "<img onmouseover=\"pick(this)\" style=\"FILTER: alpha(opacity=80) gray()\" onmouseout=\"unpick(this)\" src=\"".$file_src."\" border=\"0\"".$width_height." alt=\"".format_text($image_name, 2)."\" />";
ايضا ابحث عن :
كود PHP:
$thumb = "<img src=\"".$file_src."\" border=\"".$config['image_border']."\"".$width_height." alt=\"".format_text($image_name, 2)."\" />";
اسنبدله بــ
كود PHP:
$thumb = "<img onmouseover=\"pick(this)\" style=\"FILTER: alpha(opacity=80) gray()\" onmouseout=\"unpick(this)\" src=\"".$file_src."\" border=\"".$config['image_border']."\"".$width_height." alt=\"".format_text($image_name, 2)."\" />";
وبهذا تم التركيب بنجاح
كافة الحقوق محفوظة للمصدر
http://wh-em.com/d3m-7r/showthread.php?p=760
والسلام عليكم ورحمة الله
تحياتي لكم
الإمبراطور وحيد
المواضيع المشابهه 
![[whem][4images] تأثيرات المصغرات 1- صورة احادية اللون](http://www.swalif.net/softs/iconimages/swalif54/whem-4images-1-a_rtl.gif)
