الويب العربي - [Code] اعمل زوم على صور مواضيع منتداك

السلام عليكم ورحمة الله وبركاته

اخواني هذا الكود امتداد لهاك تصغير الصور الذي سبق وان طرحناه بالقسم على هذا العنوان
http://www.arabwebtalk.com/showthread.php?t=28198

لتجربة الزوم على الصور: http://www.gulfson.com/vb/showthread.php?t=9068
لكن يتطلب تسجيل

في حال رغبت اضافة الكود على المنتدى من غير هاك تصغير الصور اتبع هذا الشرح

من خلال لوحة تحكم المنتدى -> الستايلات & القوالب -> ضبط الستايلات -> الستايل الذي ترغب بإضافة الكود عليه -> تمبليت headinclude -> ثم اضف هذا الكود في آخر التمبليت

كود:

<script language="Javascript">

<!--



/*

تطوير شبكة ابن الخليج http://www.gulfson.com - NetDemon 

*/

function bbimg(o){

 var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';

 return false;

}



//-->

</script>

افتح ملف class_bbcode.php داخل مجلد vb/includes

وابحث عن

كود:

return '<img src="' . $link . '" border="0" alt="" />';

واستبدله بهذا الكود

كود:

//تطوير شبكة ابن الخليج http://www.gulfson.com - NetDemon

return '<img src="' .  $link . '" border="0" style="CURSOR: pointer" onmousewheel="return bbimg(this)" alt="لتكبير وتصغير الصورة حرك رول الفأرة للأعلى والأسفل" />';

انتهى

واذا كنت تود استخدام الزوم مع كود تصغير الصور اتبع نفس الشرح ولكن استبدل هذا الكود

كود:

//تطوير شبكة ابن الخليج http://www.gulfson.com - NetDemon

return '<img src="' .  $link . '" border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onmousewheel="return bbimg(this)" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" alt="لتكبير وتصغير الصورة حرك رول الفأرة للأعلى والأسفل" />';

علماً ان كود تصغير الصور هو الأفضل من الناحية العملية