請求高手支援(之非高手篇) - 部落格

By Quintina
at 2012-03-04T12:41
at 2012-03-04T12:41
Table of Contents
以下改法是讓首頁文章所摘錄的圖,依文章原定大小顯示
1.備份範本
2.修改範本,首先找到 function createSummaryAndThumb(pID)
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
將下面img_thumb_width換成img[0].width;img_thumb_height換成img[0].height
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;">
<img src="'+img[0].src+'" width="'+img[0].width+'px"
height="'+img[0].height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ)
+'</div>';
div.innerHTML = summary;
}
3.存檔完工
備註:
原程式碼中float:left; 這部份是為了文繞圖而設的,
但因改成用文章圖片所設寬高,有可能因圖片大小,造
成比例上不美觀(如下圖),這部份拿掉(可做可不做)。
我是
圖片 被擠 拿掉後
的摘 ==>
要哦
我是剛剛的摘要哦
--
1.備份範本
2.修改範本,首先找到 function createSummaryAndThumb(pID)
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
將下面img_thumb_width換成img[0].width;img_thumb_height換成img[0].height
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;">
<img src="'+img[0].src+'" width="'+img[0].width+'px"
height="'+img[0].height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ)
+'</div>';
div.innerHTML = summary;
}
3.存檔完工
備註:
原程式碼中float:left; 這部份是為了文繞圖而設的,
但因改成用文章圖片所設寬高,有可能因圖片大小,造
成比例上不美觀(如下圖),這部份拿掉(可做可不做)。
我是
圖片 被擠 拿掉後
的摘 ==>
要哦
我是剛剛的摘要哦
--
Tags:
部落格
All Comments

By Una
at 2012-03-08T04:59
at 2012-03-08T04:59
Related Posts
PIXNET BLOG編輯貼圖的問題

By Belly
at 2012-03-04T01:53
at 2012-03-04T01:53
blogger編輯時一直出現editor... 快瘋掉

By David
at 2012-03-04T00:58
at 2012-03-04T00:58
請求高手支援

By Aaliyah
at 2012-03-03T17:04
at 2012-03-03T17:04
blogger表情符號

By Hedwig
at 2012-03-03T15:19
at 2012-03-03T15:19
關於照片的問題, 請教教我

By Hazel
at 2012-03-03T13:39
at 2012-03-03T13:39