魔方多圖模塊介紹

一、功能介紹

魔方多圖可以快速實(shí)現(xiàn)圖片混排效果。模塊內(nèi)的圖片可以設(shè)置點(diǎn)擊進(jìn)入到大圖瀏覽模式；也可以為圖片做鏈接功能，點(diǎn)擊圖片進(jìn)入設(shè)定的鏈接。

運(yùn)用了魔方多圖可以用比較個(gè)性的方式去展示產(chǎn)品或者圖片，網(wǎng)頁制作的頁面會(huì)更加獨(dú)特，給予用戶不一樣的體驗(yàn)。

二、功能說明

【版本】無版本限制

三、設(shè)置教程

1. 添加模塊

方法1：進(jìn)入電腦網(wǎng)站設(shè)計(jì)頁面，點(diǎn)擊頁面左側(cè)導(dǎo)航【模塊-新增模塊-高級(jí)】進(jìn)行添加模塊；

方法2：在左側(cè)導(dǎo)航點(diǎn)擊【模塊】，直接點(diǎn)擊搜索框輸入關(guān)鍵詞搜索模塊添加。

單擊默認(rèn)添加到當(dāng)前頁面底端，長按可拖動(dòng)模塊到指定位置。

2. 編輯模塊

2.1 編輯模塊

編輯模塊有兩種方式，一種是添加模塊時(shí)首次編輯，另一種是添加模塊后點(diǎn)擊編輯模塊按鈕進(jìn)入二次編輯。

1.2 常規(guī)

在常規(guī)中支持自定義模塊標(biāo)題、選擇樣式以及圖片添加和設(shè)置。

【點(diǎn)擊圖片】相關(guān)效果

默認(rèn)：如有設(shè)置跳轉(zhuǎn)鏈接則點(diǎn)擊進(jìn)入跳轉(zhuǎn)鏈接，如未設(shè)置則點(diǎn)擊無效果；（設(shè)置圖片跳轉(zhuǎn)鏈接方式往下看）

幻燈片：點(diǎn)擊圖片進(jìn)入預(yù)覽大圖的模式。（支持兩種查看模塊，選擇幻燈片后會(huì)多一個(gè)幻燈片項(xiàng)可以進(jìn)入選擇模塊）

無效果：點(diǎn)擊無任何效果。

1.3 編輯圖片

鼠標(biāo)放在添加的圖片上，出現(xiàn)編輯按鈕時(shí)點(diǎn)擊，點(diǎn)擊后出現(xiàn)編輯圖片彈窗，在彈窗中可以給圖片設(shè)置鏈接和添加圖片描述。支持多種跳轉(zhuǎn)鏈接類型。

1.4 圖片特效

鼠標(biāo)停留在圖片范圍內(nèi)圖片表現(xiàn)的一種特效，可以根據(jù)個(gè)人需求去設(shè)置。

特效效果：

3. 模塊設(shè)置

鼠標(biāo)放在模塊上點(diǎn)擊【設(shè)置樣式】按鈕，支持給模塊自定義樣式。您可以根據(jù)您的實(shí)際情況調(diào)整。

魔方根據(jù)圖片數(shù)量往下疊加；不滿一個(gè)魔方的圖片數(shù)量時(shí)，在魔方未上傳圖片的區(qū)域，可直接點(diǎn)擊添加圖片。

鼠標(biāo)長按拖動(dòng)圖片按鈕可調(diào)整圖片位置。

四、注意事項(xiàng)

在魔方多圖模塊中，刪除了任意位置的一張圖片，后面的圖片就會(huì)自動(dòng)往前挪，這樣就容易導(dǎo)致出現(xiàn)“刪除一張圖片，整個(gè)魔方多圖的排版全亂了”的情況。如果介意該情況的話，建議通過“在自由容器中添加圖片模塊進(jìn)行排版”的方法達(dá)到類似于魔方多圖的效果。

自由容器添加圖片模塊進(jìn)行排版操作方式：

長按模塊拖動(dòng)到同一個(gè)自由容器。

給模塊添加圖片。

自由調(diào)整圖片大小及位置。