[NetDemon]

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

اخواني هذا الكود امتداد لهاك تصغير الصور الذي سبق وان طرحناه بالقسم على هذا العنوان
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="لتكبير وتصغير الصورة حرك رول الفأرة للأعلى والأسفل" />';

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