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