隨著IE6漸漸推出瀏覽器市場,所占份額越來越少,這無疑對網頁設計師來說是一個好消息。面對瀏覽器的兼容最受傷的可能就是縮略圖了,常常要面臨擠壓變形的結果,很影響瀏覽者的體驗。使用代碼調用提取圖片可以有效的避免縮略圖的拉伸,這段代碼主要針對 IE7以上版本,360瀏覽器,QQ瀏覽器等
{dede:field name='imgurls' alt='圖片調用'}
[field:pagestyle runphp='yes'] @me= (@me==3 ? '<li>' : '');[/field:pagestyle]
<a href='[field:linkurl/]' [field:pagestyle .indexOf('imgBox'runphp='yes'] @me= (@me==3 ? 'class="pic"' : ''); [/field:pagestyle]>
<img src=' [field:imgwidth /] border='0' />
</a><!--[if lte IE 6]-->
function imgFix() {
//
var heightRestriction = 200;
< script type="text/javascript" language="javascript"[field:imgsrc/]' alt='[field:alttext /]'id='bigimg'>
if (allElements.className) >= 0) //
先分享這段代碼,希望可以解決你的問題。
此文由 網站目錄_網站網址收錄與提交入口 編輯,未經允許不得轉載?。?!--首頁 > 站長文章 > 織夢cms » dede縮略圖顯示比例與各瀏覽器兼容-->