微魔方小程序

微魔方幻燈組件


 

幻燈組件即輪播圖片組,組件内可添加多張圖片,自動切換或者點擊圖片上(shàng)的切換按鈕進行切換。微魔方自助建站(zhàn)平台的幻燈組件支持三種類型的幻燈組件:常規幻燈、通欄幻燈和多圖幻燈,下(xià)面分(fēn)别介紹各個類型幻燈組件的特征和設置。


常規幻燈:打開微魔方設計器(qì)的組件庫,選擇“幻燈”組件下(xià)的“常規”,拖拽至設計畫布,得到一(yī)個常規幻燈,如(rú)下(xià)圖所示:


QQ圖片20160302105516.png


常規幻燈可以在畫布範圍内随意拖拽組件位置,改變組件大小,設置組件樣式及圖片内容。選中幻燈組件,點擊組件邊緣的屬性按鈕,設計器(qì)的右側會彈出該組件的設置面闆,如(rú)下(xià)圖:



幻燈組件的樣式設置包括:是否顯示兩邊的切換箭頭、是否顯示底部的切換圓點、底部圓點的默認顔色設置、當前底部圓點的顔色、底部圓點對齊的位置、形狀。如(rú)果您需要更改幻燈内展示的圖片,點擊設置面闆右側第二個标簽,切換到如(rú)下(xià)圖的内容設置界面:



點擊“更換圖片”進入圖片更換界面,具體操作(zuò)請參考組圖組件更換圖片的設置。幻燈圖片的切換可根據需要設置動畫效果,目前支持漸顯、上(shàng)滾動、上(shàng)循環、左滾動、做循環和下(xià)拉六種動畫效果。您還可以設置幻燈圖片是否自動切換、觸發切換的方式(鼠标滑過、鼠标點擊)、切換動畫的速度和切換間隔。


通欄幻燈:通欄幻燈是指幻燈組件以寬度全屏的方式顯示。通常網站(zhàn)首頁會用到此種幻燈。打開組件庫,選擇幻燈組件第二個名爲“通欄”的組件,拖拽至畫布,得到一(yī)個通欄幻燈組件,如(rú)下(xià)圖:


QQ圖片20160302152127.png


可以看到通欄幻燈的組件寬度超出整個畫布的寬度,布滿設計器(qì)。您不能(néng)改變通欄幻燈的寬度,因爲通欄幻燈的寬度是根據浏覽器(qì)寬度自适應。但(dàn)是您可以根據圖片的高度改變通欄幻燈組件的高度。組件的其他設置同上(shàng)述普通幻燈。


多圖幻燈:多圖幻燈是指組件内添加多張圖片且同時顯示指定數量的圖片,如(rú)下(xià)圖:


QQ圖片20160302163106.png


打開多圖幻燈組件的設置面闆,您可以設置組件同時顯示幾張圖片以及圖片之前的間隔,其他設置同普通幻燈設置。


QQ圖片20160302163253.png