新聞中心
<:imgs pageSize=“3”ranes=“all”row=“3”>;div class=“Photo”>:img/@url]“title=”[field;DEDECMS織夢模板實現圖集單擊圖片翻頁的方法
方法一:使用解碼織夢自帶的圖集功能來實現單擊圖片翻頁效果。

創(chuàng)新互聯公司溝通電話:18982081108,為您提供成都網站建設網頁設計及定制高端網站建設服務,創(chuàng)新互聯公司網頁制作領域十余年,包括成都墻體彩繪等多個領域擁有豐富的營銷推廣經驗,選擇創(chuàng)新互聯公司,為網站錦上添花!
第一步:登錄解碼管理后臺,找到內容管理模塊,然后選擇“添加文章”,此時會出現一系列輸入框,其中有一個是“圖集”,點擊“啟用圖集”,然后在“添加圖集圖片”框中上傳自己的圖片,這時會自動分配順序,按照順序單擊就可以實現翻頁效果。
方法二:使用解碼模板語言來實現單擊圖片翻頁效果。
第一步:打開織夢模板文件,在要添加圖集翻頁效果的位置插入如下代碼:
<;div class=“圖庫”>;
<;dede:imgs pageSize=“3”ranks=“all”row=“3”>;
<;div class=“照片”>;
<;a href=“[field:img/@url]”標題=“[field:img/@text]”>;<;img src=“[field:img/@url]”alt=“[field:img/@text]”/<;<;/a>;
<;/div>;
<;/dede:imgs>;
<;/div>;
第二步:添加css樣式:
.畫廊{
寬度:100%;
溢出:隱藏;
}
.圖庫.照片{
浮動:左;
寬度:33.33%;
填充:15px;
方框-s
當前文章:DEDECMS織夢模板實現圖集單擊圖片翻頁的方法
分享地址:http://www.dlmjj.cn/article/dpgdjjs.html


咨詢
建站咨詢
