上圖是張寬1024px 高683px的相片(↑);但在格子呈現時卻是寬800px 高533px

當您上傳1024px的相片後,卻不想在格子放這麼大的相片

只要打開原始碼(左上角HTML),在(<img與title=)之間加上紅色字體的程式即可(↓)

 

 <p align="center"><img style="margin: 0px 0px; width: 800px; float: none; height: auto; cssfloat: none;" title="圖片名稱" src="圖片網址" alt="圖片名稱" border="0" /></p>

 

 1706864258774212885

 

 

 

左右來回跑馬燈圖片(↑)

想在格子放數十張相片,但不想在文章欄位佔太多空間,可以用圖片跑馬燈

只要貼上痞客相片的網址即可,且可以在程式後面繼續增加…(↓)

 

 <marquee behavior="alternate" width="100%" style="width: 100%;"><img src="圖片網址" alt="" />&nbsp;<img src="圖片網址" alt="" />&nbsp;<img src="圖片網址" alt="" />&nbsp;<img src="圖片網址" alt="" />&nbsp;<img src="圖片網址" alt="" /></marquee>

 

1706864258774212885

 

 

 

向左移動的跑馬燈圖片(↑)

和上面的左右來回的程式相同,只要去除下列程式中的紅色字體即可(↓)

 

 <marquee behavior="alternate" width="100%" style="width: 100%;"><img src="圖片網址" alt="" />&nbsp;<img src="圖片網址" alt="" />&nbsp;<img src="圖片網址" alt="" />&nbsp;<img src="圖片網址" alt="" />&nbsp;<img src="圖片網址" alt="" /></marquee>

 

1706864258774212885

 

 

上圖(↑)即為上傳痞客邦寬1024px 高683px的〝3:2〞原始檔案相片

 

 

arrow
arrow
    全站熱搜

    wujipixnet 發表在 痞客邦 留言(48) 人氣()