自助建站、網頁設計教程

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

幻燈片綁定圖片集

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

1.制作圖片集

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

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

 

2.插入幻燈片

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

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

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

3.綁定圖片集

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

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

幻燈片組圖片集綁定。

幻燈片圖片綁定。

4.保存預覽效果

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

 

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

提交成功,謝謝反饋!

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

网上棋牌作弊是真的吗