النتائج 1 إلى 2 من 2

الموضوع: هاك تصغير الصور تلقائياً :: جديد ::

  1. #1
    التسجيل
    01-03-2002
    المشاركات
    6,591

    هاك تصغير الصور تلقائياً :: جديد ::

    هاك تصغير الصور تلقائياً في المنتديات .. وبالحجم الذي تحدده انت ..

    طريقة التركيب سهلة جداً :

    1 - قم بفتح ملف includes\functions_bbcodeparse.php ثم قم بأخذ نسخة إحتياطية من الملف قبل أي تعديل .. قم بالبحث عن

    كود:
    return '<img src="' .  $link . '" border="0" alt="" />';
    قم بإستبداله بهذا السطر :

    كود:
    return '<img src="' .  $link . '" onload="wino(this)" onmouseover="wink(this)" border="0" alt="" />';
    قم بحفظ الملف ثم قم برفعه ...

    إذهب إلى لوحة تحكم المنتدى ... ثم قم بتعديل تمبليت headinclude وضع هذا الكود في نهاية التمبليت :

    كود:
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    // النص الذي سيظهر عند مرور الماوس على الصورة 
    var msgAlt = 'اضغط هنا لعرض الصورة بحجمها الطبيعي';
    
    wino = function(obj){
    // العرض الأقصى للصورة
    if(obj.width>480) {
    	obj.name = obj.width;	
    	obj.id = obj.height
    	// حجم الصورة عند التصغير
    	obj.width = 460;
    	obj.alt = msgAlt;
    	}
    }
    
    wink = function(Obj){
    if(Obj.id&&Obj.name){
    	Obj.style.cursor='hand';
    	Obj.onclick = openwin;
    	}
    }
    
    openwin = function(){
    
    var option = 'width='+this.name+',height='+this.id;
    var op = window.open('','new',option);
    winop = "";//-----------
    winop +='<HTML>';
    winop +='<HEAD>';
    //عنوان الصفحة التي تظهر فيها الصورة بحجمها الطبيعي
    winop +='<TITLE>:: عرض الصورة بحجمها الطبيعي ::</TITLE>';
    winop +='<BODY>';
    winop +='<img src='+this.src+' style="position:';
    winop +='absolute;top:0;left:0">';
    winop +='</BODY>';
    winop +='</HTML>';
    op.document.write(winop);
    op.document.close();
    op.focus();
    
    
    }
    //-->
    </SCRIPT>
    قم بتعديل إعدادات السكربت .. ثم قم بحفظ التمبليت ..

    انتهى ..



  2. #2
    التسجيل
    01-03-2002
    المشاركات
    6,591

    اعادة: هاك تصغير الصور تلقائياً :: جديد ::

    هاك تصغير الصور تلقائياً في المنتديات .. وبالحجم الذي تحدده انت ..

    طريقة التركيب سهلة جداً :

    1 - قم بفتح ملف includes\functions_bbcodeparse.php ثم قم بأخذ نسخة إحتياطية من الملف قبل أي تعديل .. قم بالبحث عن


    كود:
    return '<img src="' .  $link . '" border="0" alt="" />';
    قم بإستبداله بهذا السطر :

    كود:
    return '<img src="' .  $link . '" onload="wino(this)" onmouseover="wink(this)" border="0" alt="" />';

    قم بحفظ الملف ثم قم برفعه ...

    إذهب إلى لوحة تحكم المنتدى ... ثم قم بتعديل تمبليت headinclude وضع هذا الكود في نهاية التمبليت :

    كود:
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    // النص الذي سيظهر عند مرور الماوس على الصورة 
    var msgAlt = 'اضغط هنا لعرض الصورة بحجمها الطبيعي';
    
    wino = function(obj){
    // العرض الأقصى للصورة
    if(obj.width>480) {
    	obj.name = obj.width;	
    	obj.id = obj.height
    	// حجم الصورة عند التصغير
    	obj.width = 460;
    	obj.alt = msgAlt;
    	}
    }
    
    wink = function(Obj){
    if(Obj.id&&Obj.name){
    	Obj.style.cursor='hand';
    	Obj.onclick = openwin;
    	}
    }
    
    openwin = function(){
    
    var option = 'width='+this.name+',height='+this.id;
    var op = window.open('','new',option);
    winop = "";//-----------
    winop +='<HTML>';
    winop +='<HEAD>';
    //عنوان الصفحة التي تظهر فيها الصورة بحجمها الطبيعي
    winop +='<TITLE>:: عرض الصورة بحجمها الطبيعي ::</TITLE>';
    winop +='<BODY>';
    winop +='<img src='+this.src+' style="position:';
    winop +='absolute;top:0;left:0">';
    winop +='</BODY>';
    winop +='</HTML>';
    op.document.write(winop);
    op.document.close();
    op.focus();
    
    
    }
    //-->
    </SCRIPT>
    قم بتعديل إعدادات السكربت .. ثم قم بحفظ التمبليت ..

    انتهى ..

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •