<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                ## **一、縮略圖機制** joomla系統的縮略圖采用緩存機制,網站前臺首頁、列表頁和內容頁調用的縮略圖,是網站被訪問時,系統基于后臺上傳的原始圖片,按頁面需要的圖片尺寸大小自動生成。 當網站頁面調用所需尺寸的縮略圖不存在時,系統就會自動使用原始圖片生成縮略圖緩存文件。 縮略圖存放在根目錄下的upload/cut 目錄下 ![1691816226784273.png](https://www.ecoxiu.com/images/202308/1691816226784273.png "1691816226784273.png") **注意**:此處存儲的是緩存圖片,因此切不可通過FTP去手動替換縮略圖,因為后臺重新生成緩存圖片時,此處圖片將全部刪除,然后按后臺設置的圖片重新生成圖片。 **清空縮略圖:** ![1691816426446709.png](https://www.ecoxiu.com/images/202308/1691816426446709.png "1691816426446709.png") 直接點擊清除縮略圖按鈕,就可以清除縮略圖,重新瀏覽前臺頁面時候,系統會根據后臺設置,重新生成縮略圖。 ## **二、管理入口** 操作路徑:網站后臺--基礎設置--圖片設置--縮略圖; ![1691816740569679.png](https://www.ecoxiu.com/images/202308/1691816740569679.png "1691816740569679.png") ### **2.1.默認圖片** 當開啟縮略圖后,某些地方沒有上傳圖片時,系統將根據設置的尺寸直接處理默認縮略圖,生成一個縮略圖,如下圖: ![1691816918714430.png](https://www.ecoxiu.com/images/202308/1691816918714430.png "1691816918714430.png") ### **2.2.圖片裁剪** 是否開啟圖片裁剪,生成圖片縮略圖,選擇否,系統將全部調用原始圖片,不對圖片進行裁剪,生成縮略圖。 ### **2.3.生成方式** 支持三種縮略圖生成方式:拉伸、留白、裁剪,默認為裁剪方式 **拉伸**:縮略圖高度被強行拉伸,圖片變形了; **留白**:高度不夠自動留白,圖片沒有變形; **裁剪**:根據縮略圖尺寸,以原圖片中心為原點,截取中間部分顯示,圖片顯示不全。 【**注意**】修改縮略圖生成方式后,需重新生成縮略圖,具體可參考上一步。 當設置為留白時,還可以單獨設置背景是否問透明背景,還可以單獨設置背景顏色,默認背景為白色 ![1691817336533420.png](https://www.ecoxiu.com/images/202308/1691817336533420.png "1691817336533420.png") ## **三、縮略圖尺寸** 縮略圖尺寸在對應的設置里,以產品為例 ### **3.1.產品管理里設置** 在產品管理里設置默認圖片組件的圖片尺寸,具體路徑:管理--產品管理--縮略圖 ![1691817605796537.png](https://www.ecoxiu.com/images/202308/1691817605796537.png "1691817605796537.png") 列表頁縮略圖效果: ![1691817715979242.png](https://www.ecoxiu.com/images/202308/1691817715979242.png "1691817715979242.png") 詳情頁縮略圖效果: ![1691817728442874.png](https://www.ecoxiu.com/images/202308/1691817728442874.png "1691817728442874.png") ### **3.2.在菜單項設置** 在菜單項設置單個菜單的圖片尺寸,具體路徑:菜單管理--全部菜單項--對應菜單編輯--縮略圖: 比如我們整站設置列表頁為400\*300,但是 筆記本&平板想設置400\*400,那么此時就可以在這里設置。 ![1691817947716157.png](https://www.ecoxiu.com/images/202308/1691817947716157.png "1691817947716157.png") ![1691817946826465.png](https://www.ecoxiu.com/images/202308/1691817946826465.png "1691817946826465.png") ## **四、設置模塊縮略圖** 具體路徑:內容管理--網站模塊--對應模塊編輯--縮略圖 ![1691818486235273.png](https://www.ecoxiu.com/images/202308/1691818486235273.png "1691818486235273.png") 前臺顯示位置和效果: ![1691818487875695.png](https://www.ecoxiu.com/images/202308/1691818487875695.png "1691818487875695.png")
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看