hit counter Begin: 29.7.2010

28 June, 2010

Auto Resize Image On Post [Fixed]

Tengok jam, nampak nombor 02.29 waktu telah di-set kan mode 24 jam.hehehe..Tak berhenti lagi intai-intai script blog saya ini. Masih mencari "bugs" yang mana saya boleh settle-kan. Yang susah nak settle, biasanya saya buang jer line atau biarkan terperap kat situ selama seminggu dua lepas tu baru tengok dan cek balik. Kalau terus menerus, tak semestinya jumpa cara solve nyer. Benda ni memakan banyak masa bertambah pula saya ialah newbie.

Kali ini, saya telah solved masalah dengan saiz image di post saya. Saya menggunakan template/layout "black nero" yang telah sedikit sebanyak telah diubahsuai mengikut kesukaan saya sendiri agar sesuai dengan "style" blog saya.

Jom tengok scipt nyer:

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;    <---height(px)
img_thumb_width = 200;      <----width(px)
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
 if(strx.indexOf("<")!=-1)
 {
  var s = strx.split("<"); 
  for(var i=0;i<s.length;i++){ 
   if(s[i].indexOf(">")!=-1){ 
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
   } 
  } 
  strx =  s.join(""); 
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2; 
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
 strx = strx.substring(0,chop-1); 
 return strx+'...'; 
}

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
 if(img.length>=1) { 
  imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  summ = summary_img;
 }
 
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}

Pada bahagian line paling atas tu, saya telah ubah value nya kepada 200 & 150. Bermakna width image(thumbnail) pada post saya ialah 200px dan height nyer pula ialah 150px. Dengan value baru ini, saya telah set-kan size yang standard yang sama formula nya dengan display resolution.

Standard resolution ialah width lebih besar value nyer berbanding height. Contoh: 1280x800 | 1024x768 | 800x600.

3 comments:

Nyetok on June 28, 2010 at 2:41 PM said...

lorhhh smpai guna javascript ke... kenapa x setkan je max size ngn min size kat css

X3N on June 29, 2010 at 2:55 AM said...

script tu hanya untk tmpalte ni jer ker?

zer0nymous on June 29, 2010 at 5:47 AM said...

tak semestinay sebab coding kat mne2 template same jer cume cara/style jer yg lain. bergantung kpd coder

Post a Comment

 

About Me

My photo
Masih menuntut di UITM.Mula mengenali dan berminat dengan internet pada umur 16 tahun.Menulis blog untuk mengisi masa lapang di samping membuka komuniti serta menyediakan kemudahan kepada semua.Terima Kasih kerana melawat blog ini.

IP Follower

Term of Use

>All post are free to copy or duplicate for any what content EXCEPT for post that have my trademark at the bottom.
>Please don't redirect download LINK/URL from this site without permission from author.
>Never use this site content for commercial purposes.
>Do not post comment with another language except for English & Bahasa.

You can help me by telling your friend, family and college members about this site.