小李SEO博客

網站優化服務

織夢cms讓文章的大圖片不破壞布局

相信很多朋友,都曾遇到過,發表一篇普通文章,如果圖片寬度超過內容區域大小,圖片就會把表格撐大,打亂面頁的布局,懂CSS的朋友能會通過css來定義,讓超出的部分隱藏起來,但這樣,圖片的美觀性就很差,顯示不出來超出的部分,論壇中還有一些朋友,用css方法,當圖片過大后,將圖片自動縮小,但是我試過,因為CSS對各個瀏覽器存在兼容問題,我在IE6下測試,一點作用也沒有。下面給大家介紹一下我在DEDECMS里的方法(不用修改源程序,只需要在模板里使img加上JS控制代碼,然后將原始圖片等比例縮?。?。

第一步:在img加上便簽,還要去掉height屬性。修改內容頁模板的{dede:field.body /}為{dede:field.body runphp='yes'}$content = @me;$mode1 = "/<img/";$mode2 = "/height="(d+)" /";$str1 = "<img onload="javascript:ImgReSize(this)"";$content = preg_replace($mode1,$str1,$content);$content = preg_replace($mode2,"",$content);@me = $content;{/dede:field.body}

第二步:將下面代碼插入到<head></head>中,注意那個670的數值,這個值意思是當圖片超過這個數值,自動將圖片縮小,寬度縮小為670,高度自動按比例縮小,這樣不會變型。<script language='javascript'>function ImgReSize(e){if(e.width>670) // 670可根據你文章的內容區域大小,可調整{e.width=670; // 等同上面你設的那個數值e.style.width="";}if(e.height>10){e.style.height="";}}</script>到這里,就完活了,如果你懂CSS最好找到對應的CSS,將它的寬設定好,然后定義一下,超出部分隱藏,因為有時候,文章在加載的過程中,顯示的是你原始大小,加載完成后,JS才會起作用,將圖片縮小。

上一篇:織夢cms圖集每張圖片單獨調用并自定義樣式的辦法 下一篇:dedecms圖集productimagelist標簽調用和常見問題匯總
織夢cms相關文章閱讀
  • 織夢cms網站dede:channelartlist調用導航無法顯示解決方法

    小李網絡公司介紹織夢cms網站調用導航無法顯示知識.包括dede:channelartlist調用導航時外部鏈接導航無法顯示的解決方法,dede什么意思channel 4channel9dede怎么仿站dede使用dede....

  • 織夢cms網站數據備份步驟詳解

    小李網絡公司介紹織夢cms網站數據備份步驟詳解知識,包括織夢dedecms教程織夢cms建站教程dedecms織夢系統織夢默認模板管理dedecms首頁dede織夢仿站acronis備份還原教程織夢cms移動織夢幫助文檔,...

  • 織夢cms首頁和列表頁調用圖片集多張圖片的辦法

    小李網絡公司介紹織夢cms首頁列表頁調用多張圖片知識,包括關于織夢dedeCMS在首頁和列表頁調用多張圖集圖片解決方案.如何制作圖片集圖片集怎么做廁所圖片集調用方法api調用遞歸調用包括調用...

  • 織夢cms實現列表頁縮略圖隨機調用方法

    小李網絡公司介紹織夢cms實現列表頁縮略圖隨機調用方法知識,包括dedecms上傳縮略圖dede自定義縮略圖dedecms調用htmldedecms調用模板dedecms代碼調用dedecms調用教程dedecms調用頁面dedecms調用樣式....

  • 織夢cms網站地圖模板制作及在根目錄顯示方法

    小李網絡公司介紹織夢cms網站地圖模板制作及在根目錄顯示方法知識,包括在線地圖制作網站根目錄怎么找什么是根目錄怎樣制作自己需要的地圖根目錄下是什么意思主目錄和根目錄系統根目錄...

  • 織夢cms設置首頁滾動顯示網頁代碼

    小李網絡公司介紹織夢cms設置首頁滾動顯示網頁代碼知識,包括用dedecmsdedecms驗證碼設置dedecms設置關鍵詞dedecms發表評論dedecms批量設置副欄目dedecms設置logodedecms設置端口號....

  • 織夢cms所有實用標簽調用方法搜集整理

    小李網絡公司介紹織夢cms所有實用標簽調用方法搜集整理知識,包括織夢dedecms教程織夢cms建站教程織夢仿站替換標簽dedecms織夢系統織夢列表頁標簽織夢超級標簽織夢友情鏈接標簽織夢標簽理解織...

  • 織夢cms調用分類及分類下文章調用辦法

    小李網絡公司介紹織夢cms調用分類及分類下文章調用辦法知識,包括織夢相關文章調用織夢常用調用標簽dedecms調用網站織夢調用代碼dedecms調用教程dedecms文章日期dedecms調用dedecms文章代碼....

  • 織夢cms企業會員推薦調用方法

    小李網絡公司介紹織夢cms企業會員推薦調用方法知識,包括java怎么調用另一個類的方法java怎么調用類方法java方法調用過程java通過類名調用方法java靜態方法的調用java直接調用方法調用類的方法...

  • 織夢cms模板不能解析.html擴展名問題

    小李網絡公司介紹織夢cms模板不能解析.html擴展名問題知識,包括css文件的擴展名為html文件的擴展名通常是所有網頁的擴展名都是html嗎html5擴展名動態網頁的文件擴展名通常是powerpoint模板的擴展...

  • 織夢cms下面生成Google Sitemap網站地圖方法

    小李網絡公司介紹織夢cms下面生成Google Sitemap網站地圖方法知識,包括產生隨機數的常用方法數字隨機生成一鍵生成小字體生成器目錄如何生成生成元怎么求生成算法的步驟是什么京貼鏈接生成方...

  • 織夢cms發布文章按發布時間排序

    小李網絡公司介紹織夢cms發布文章按發布時間排序知識,包括織夢按新增字段名排序dedecms文章日期dedecms文章代碼dedecms生成文章dedecms同類文章dedecms文章頁面dedecms文章描述dedecms文章順序....

SEO公司排名
在线视频国产网站你懂得},97se亚洲国产综合自在线观看,婷婷五月色综合香五月a,欧洲自拍视频另类中文字幕
?
QQ在線咨詢
SEM競價推廣
137-1296-7640
SEO優化外包
137-1296-7640