自助建站、網頁設計教程

通過學習路線圖,零基礎學習專業網頁設計、小程序UI設計技巧,成就網頁設計高手。

幻燈片綁定圖片集

幻燈片是一個非常基本和常用的展示元素,通常用來展示靜態的一組圖片,并可以配合不同的圖片切換效果,可以設置手動切換,也可以設置按照一定的間隔時間自動切換。那如何設置動態的展示圖片呢?coolsite360有了CMS2.0后,在coolsite后臺文章里加入圖片集。通過動態綁定,這樣的效果可以輕松實現。

1.制作圖片集

在工作臺新建內容類型時,添加一個圖片集類型字段。

發布文章時上傳準備好的圖片集,如果只想綁定圖片,只要在新建內容結構時去掉標題、描述等信息。

 

2.插入幻燈片

回到展示頁面中,插入網格列表,調整自己想要的布局,這里我們就以常見的一列全屏展示;

 添加幻燈片組件在網格列表中,調整布局樣式。

 這里需要注意的是,幻燈片組件需要先初始上傳一張背景圖,否則無法綁定。

3.綁定圖片集

選中網格列表進行數據綁定。

選擇數據類型為在工作臺建立好的內容結構:官網圖片展示

幻燈片組圖片集綁定。

幻燈片圖片綁定。

4.保存預覽效果

幻燈片播放的圖片和文章的圖片集一樣就成功啦!

 

不只是展示頁面可以綁定,同時內容模版頁也可以綁定幻燈片哦,可以自行試試。

提交成功,謝謝反饋!

請完整填寫表單的信息后,再進行提交!

vr赛车一套设备多少钱 援交能赚钱配图 晓游棋牌官方下载3d 复式彩票怎样计算 飞乐音响股票 山西十一选五前三遗漏号码 高频彩赚钱 貔喜脉动棋牌倒闭了吗 重庆百变王牌奖金 发抖音视频也能赚钱 浙江11选5任四五码遗漏 大乐透开奖直播 滴答拼车赚钱技巧