国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > CMS建站 > 正文

科訊CMS純CSS控制圖片最大寬度

2024-08-30 19:07:57
字體:
來源:轉載
供稿:網友

科汛CMS官方模板中自帶了一段JS用來控制文章中的圖片的最大高度和寬度。不過我也很奇怪,為什么這個js有時候好用有時候并不好用,這個問題我研究了很久,不得而終。

<SCRIPT language=JavaScript type=text/JavaScript>
//改變圖片大小
function resizepic(o)
{
var maxwidth=550; //定義最大寬度
var maxheight=800; //定義最大高度
var a=new Image();
a.src=o.src
if(a.width > maxwidth)
{
o.style.width=maxwidth;
}
if (a.height> maxheight)
{
o.style.height=maxheight;
}
}
//無級縮放圖片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom =event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom '%';
return false;
}
</SCRIPT>

今天,又一個模板怎么著這段js都不起作用,沒辦法,百度了一下,找到一段CSS可以完美解決這個問題。不敢獨享,特發上來與大家一同分享。

CSS代碼如下:

#Article_Content img {width: expression(this.width > 560 ? 560: true); max-width: 560px;}

 

其中#Article_Content 改成你的文章內容處使用的div 的id 其中“560”改成你需要的寬度。

IE測試通過。火狐2測試通過。

說明,鼠標滾動自動縮放圖片用這個css是無法做到的。不過這個功能基本沒用。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 高邮市| 格尔木市| 田阳县| 疏勒县| 乌兰察布市| 阳朔县| 北海市| 西安市| 磐石市| 洛南县| 利津县| 英山县| 忻城县| 浦县| 延吉市| 分宜县| 梓潼县| 景德镇市| 大庆市| 岢岚县| 广平县| 上林县| 曲阳县| 额尔古纳市| 买车| 南木林县| 承德县| 兴山县| 大港区| 天等县| 新蔡县| 新巴尔虎左旗| 吉木萨尔县| 嵊州市| 桂林市| 星子县| 望江县| 蓬溪县| 承德县| 青神县| 东源县|