如何調(diào)整織夢(mèng)縮略圖裁剪窗口
織夢(mèng)縮略圖的裁剪窗口圖片只有400px,如果想要在頁面生成大于400px的縮略圖且不失真只能先用圖像處理軟件載好圖片后以原圖的方式加到縮略圖中。這里講一個(gè)通過修改代碼調(diào)整織夢(mèng)縮略圖裁剪窗口方法。 步
織夢(mèng)縮略圖的裁剪窗口圖片只有400px,如果想要在頁面生成大于400px的縮略圖且不失真只能先用圖像處理軟件載好圖片后以原圖的方式加到縮略圖中。這里講一個(gè)通過修改代碼調(diào)整織夢(mèng)縮略圖裁剪窗口方法。
步驟一:設(shè)置默認(rèn)縮略圖大小
進(jìn)入后臺(tái)——系統(tǒng)——系統(tǒng)基本臺(tái)數(shù)——附件設(shè)置,將"縮略圖默認(rèn)寬度"和"縮略圖默認(rèn)高度"設(shè)為默認(rèn)裁剪縮略圖的大小。比如我這里設(shè)置為570*380,保持3:2的比例。
步驟二:修改裁剪窗口內(nèi)顯示圖片的大小
打開文件,找到代碼"faceImg { width:400px; }",將數(shù)值400修改為需要的圖片寬度,可以是縮略圖寬度也可大一些,我這里設(shè)置為580。
步驟三:修改窗口大小
由于圖片變大導(dǎo)致彈出窗口內(nèi)一些工具會(huì)跑到圖片下面,不方便操作。解決方法:打開dede/archives_文件,找到如下代碼:
(';isuploadyesamp;file{$upfile}','popUpImagesWin','scrollbarsyes,resizableyes,statebarno, width800,height600, left150, top50');
將width800,height600改為需要的窗口大?。ǚ磸?fù)測(cè)試后我這里改為width950,height700),如圖示:
步驟四:修改裁剪圖片大小
通過改變窗口及圖片大小后進(jìn)行裁剪時(shí)會(huì)發(fā)現(xiàn)圖像會(huì)出現(xiàn)黑邊,這時(shí)修改文件即可。找到代碼"$temp 400/$imgw; $newwidth 400;",將數(shù)值400修改為需要的圖片寬度,我這里設(shè)置為和步驟2相同,即580px寬,如圖所示:
$temp 580/$imgw; $newwidth 580;
步驟五:測(cè)試效果
通過上面操作根據(jù)個(gè)人需求修改了織夢(mèng)裁剪窗口,在織夢(mèng)后臺(tái)發(fā)布文章進(jìn)行測(cè)試,效果如下圖: