輪播圖作為網站主流元素之一,大家對它應該都比較熟悉;幾乎99%的網站,當瀏覽者進入到網站首頁后,第一眼看到的應該就是頂部輪播大圖了;幾張精美的圖片再配上好看的JS效果,就可以用圖片來展示出企業的產品或者服務;輪播圖的使用手法對于大部分的建站公司來說都會用到,作為
武漢專業的建站公司-盈科動力也不意外,就首頁頂部就使用了輪播圖的效果。所以今天就和大家分享一下SDCMS建站系統首頁和子欄目怎么調用輪播圖及子欄目怎么地單獨的調用頂部大圖(欄目banner圖)。
和眾多的CMS一樣,SDCMS后臺同樣設置了輪播廣告的功能;通過后臺菜單:擴展管理-廣告管理就可以對頂部輪播圖進行設置。一般來說:可以對首頁和不同的子欄目進行設置不同的輪播圖;操作方法也非常簡單:首頁在廣告設置添加不同的廣告位,記住每個廣告位的ID值;然后在不同的頁面調用對應的廣告輪播圖就可以了;如下圖:
其中:{where id = 3}中的ID值就是后臺指定的首頁輪播廣告對應的ID值;如果說每個欄目都使用不同的模型的話,那么每個不同的欄目都可以使用不同的ID值來調用不同的輪播圖了,是不是很簡單呢?
有的時候,大部分網站的子欄目很少說全部用幾張圖組合成的輪播圖的,大部分的情況下,不同的欄目使用一張頂部大圖就可以了,這個時候呢,如果說用廣告輪播圖的功能的話就有點多余,不夠效率了;如果說每個不同的欄目只需要一張頂部大圖的話,就可以使用到另外的一個功能了:欄目設置的時候,設置當前欄目的欄目banner圖就可以了;如圖:
如圖所示,每個不同的欄目上傳不同的背景圖就可以實現了。剩下的就是調用的問題,其實調用也非常的簡單的:
<img src="{$rs[mycatepic]}" alt="武漢網站建設" class="img-responsive img-center">
很簡單的一段代碼就可以實現了,是不是?而這個時候呢不是說調用完了就可以解決的,要想完美解決這個問題還需要考慮到下面幾點:
1:一級欄目傳了圖,二級欄目沒有,如果每個二級欄目都傳圖,是不是很麻煩呢?那么可不可以直接調用一級傳的圖呢?
2:如果都沒傳圖,顯示就是空的,是不是用戶體驗度比較差呢?
3:對應三級詳情頁,沒有傳圖的位置,頂部大圖該怎么處理呢?
對于1,2兩種情況,程序上可以寫在一起,在調用的時候進行判斷:如果一級欄目上傳了大圖,子欄目也上傳了大圖,那么就各自調用自身欄目所屬的頂部大圖;如果一級欄目上傳了大圖,子欄目沒有上傳大圖;那么子欄目就調用一級欄目的大圖;如果都沒有上傳大圖,那么可以上傳一張靜態圖,直接加載就可以了;代碼如下:
圖中所示:為了實現上述1,2,3中包含的情況;使用sql語句的方法查詢到結果來顯示內容;其中:$topid是指頂級欄目的ID值;通過頂級欄目的ID值來SQL出頂級欄目其它的參數如:mycatepic(欄目banner背景圖字段);然后對情況進行判斷就可以實現了,也是比較簡單把?
當然了,上面的方面是針對一級欄目和一級欄目所屬的子欄目調用欄目banner圖的方法;對于三級詳情頁的大圖怎么調用呢?其實也很簡單;因為知道:$topid是頂級欄目(一級)的ID值了;那SQL出來mycatepic的值不就可以了?如圖所示:
上面就是小編對于SDCMS搭建網站的一些網站制作教程心得,有用得上的小伙伴快拿去用吧,如果不會的,也可以咨詢小編客服哦!