قد بحثت جدا ولم اجد هاك مناسب بحيث يتحسس الصور الكبيرة والتي يزيد طولها عن قياس محدد
طرحت موضوع وساعدني فية الاخوان ولكن الهاك كان غير عملي مطلقا حيث انه لا يفرق بين الحجوم الصغيرة والكبيرة مما دعاني الى كتابة هاك خاص واحببت ان افيد فية :
يقوم الهاك على تحسس حجم الصورة اذا كانت اكبر من 300 بكس او القياس الذي احددة ويقوم بتحجيم الصورة الى القياس الذي انا حددتة
وفي حال كانت اصغر من 300 يترك الصورة في حالها
التصغير يتم بنسبة مؤوية بمعنى ان الصور لا تتشوة
ويمكن الضغط على الصورة كي تكبر في اطار منفصل تماما .....
وبشكل انيق جدا ...
ينطبق هذا الكلام على كل الصور اي على كود امج IMG
الهاك تفصيلاتة كالتالي :
اذهب الى تمبلت headinclude
ضع في اخرة الكود التالي:
كود PHP:
<SCRIPT LANGUAGE="JavaScript">
function resizeImage(evt,name){
myImage = document.getElementById("image1")
newX=myImage.width
newY=myImage.height
if (myImage.width > 320 && myImage.height > 200 ){
newX=myImage.width - myImage.width * 50/100
newY=myImage.height - myImage.height * 50/100
}
if (myImage.width > 320 || myImage.height > 200 ){
newX=myImage.width - myImage.width * 50/100
newY=myImage.height - myImage.height * 50/100
}
if (myImage.width > 900 && myImage.height > 600 ){
newX=myImage.width - myImage.width * 70/100
newY=myImage.height - myImage.height * 70/100
}
if (myImage.width > 900 || myImage.height > 600){
newX=myImage.width - myImage.width * 70/100
newY=myImage.height - myImage.height * 70/100
}
eval("document."+name+".width=newX")
eval("document."+name+".height=newY")
}
// End -->
</script>
<script language="Javascript">
function PopupPic(sPicURL)
{
window.open("target.htm?"+sPicURL, "", "resizable=1,HEIGHT=200,WIDTH=200");
}
</script>
ثم اذهب Custom BB Codes
اضف Custom BB Codes جديد وضع فية التالي :
كود PHP:
Tag = img
html =
<br>
<img id="image1" src="{param}" name="image1" onload="resizeImage(event,'image1')" border="0" alt="لعرض الصورة بالحجم الحقيقي يرجى الضغط هنا" onclick="javascript:PopupPic('{param}')" style='cursor:hand;'>
<br>
ثم انشء صفحة html في المجلد الرئيسي للمنتدى وسميها target.htm
وضع فيها الكود التالي :
كود PHP:
<HTML>
<HEAD>
<TITLE> الحجم الحقيقي للصورة</TITLE>
<script language='javascript'>
var temp=self.location.href.split("?");
var picUrl = (temp.length>1)?temp[1]:"";
var NS = (navigator.appName=="Netscape")?true:false;
function fitPic() {
iWidth = (NS)?window.innerWidth:document.body.clientWidth;
iHeight = (NS)?window.innerHeight:document.body.clientHeight;
iWidth = document.images[0].width - iWidth;
iHeight = document.images[0].height - iHeight;
window.resizeBy(iWidth, iHeight-1);
self.focus();
};
</script>
</HEAD>
<BODY bgcolor="#FFFFFF" onload='fitPic();' topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">
<script language='javascript'>
document.write( "<img src='" +picUrl +"' border=0>" );
</script>
</BODY>
</HTML>
جرب الموضوع وخبرنني
املف مرفق للنص المكتوب فوق في حال شوة المنتدى الكودات......
