微魔方幻燈組件
幻燈組件即輪播圖片組,組件内可(kě)添加多(duō)張圖片,自動切換或者點擊圖片上的(de)切換按鈕進行切換。微魔方自助建站平台的(de)幻燈組件支持三種類型的(de)幻燈組件:常規幻燈、通(tōng)欄幻燈和(hé)多(duō)圖幻燈,下(xià)面分(fēn)别介紹各個(gè)類型幻燈組件的(de)特征和(hé)設置。
常規幻燈:打開微魔方設計器的(de)組件庫,選擇“幻燈”組件下(xià)的(de)“常規”,拖拽至設計畫(huà)布,得(de)到一個(gè)常規幻燈,如下(xià)圖所示:
常規幻燈可(kě)以在畫(huà)布範圍内随意拖拽組件位置,改變組件大(dà)小,設置組件樣式及圖片内容。選中幻燈組件,點擊組件邊緣的(de)屬性按鈕,設計器的(de)右側會彈出該組件的(de)設置面闆,如下(xià)圖:
幻燈組件的(de)樣式設置包括:是否顯示兩邊的(de)切換箭頭、是否顯示底部的(de)切換圓點、底部圓點的(de)默認顔色設置、當前底部圓點的(de)顔色、底部圓點對(duì)齊的(de)位置、形狀。如果您需要更改幻燈内展示的(de)圖片,點擊設置面闆右側第二個(gè)标簽,切換到如下(xià)圖的(de)内容設置界面:
點擊“更換圖片”進入圖片更換界面,具體操作請參考組圖組件更換圖片的(de)設置。幻燈圖片的(de)切換可(kě)根據需要設置動畫(huà)效果,目前支持漸顯、上滾動、上循環、左滾動、做(zuò)循環和(hé)下(xià)拉六種動畫(huà)效果。您還(hái)可(kě)以設置幻燈圖片是否自動切換、觸發切換的(de)方式(鼠标滑過、鼠标點擊)、切換動畫(huà)的(de)速度和(hé)切換間隔。
通(tōng)欄幻燈:通(tōng)欄幻燈是指幻燈組件以寬度全屏的(de)方式顯示。通(tōng)常網站首頁會用(yòng)到此種幻燈。打開組件庫,選擇幻燈組件第二個(gè)名爲“通(tōng)欄”的(de)組件,拖拽至畫(huà)布,得(de)到一個(gè)通(tōng)欄幻燈組件,如下(xià)圖:
可(kě)以看到通(tōng)欄幻燈的(de)組件寬度超出整個(gè)畫(huà)布的(de)寬度,布滿設計器。您不能改變通(tōng)欄幻燈的(de)寬度,因爲通(tōng)欄幻燈的(de)寬度是根據浏覽器寬度自适應。但是您可(kě)以根據圖片的(de)高(gāo)度改變通(tōng)欄幻燈組件的(de)高(gāo)度。組件的(de)其他(tā)設置同上述普通(tōng)幻燈。
多(duō)圖幻燈:多(duō)圖幻燈是指組件内添加多(duō)張圖片且同時(shí)顯示指定數量的(de)圖片,如下(xià)圖:
打開多(duō)圖幻燈組件的(de)設置面闆,您可(kě)以設置組件同時(shí)顯示幾張圖片以及圖片之前的(de)間隔,其他(tā)設置同普通(tōng)幻燈設置。