成年人的在线免费视频,婷婷91精品国产91久久综合,人妻精品人妻888,性感美女视频一区二区三区,国产熟女精品视频免费看,国内精品九九久久精品小草,中文字幕日韩精品欧美丝袜,午夜精品久久久久蜜桃毛片,91久久在线视频观看

回復(fù)@小波工作室--標(biāo)簽和API大師 感謝大佬回復(fù)，就是1個(gè)文章里面的圖片專屬，上傳了20張圖，就是把這個(gè)文章的20張圖片，比如5張一頁(yè)，像新聞一樣分頁(yè)起來(lái)，類似圖片分頁(yè)

回復(fù)@小波工作室--標(biāo)簽和API大師 一開(kāi)始想的是文章列表頁(yè)，現(xiàn)在想想其實(shí)文章內(nèi)容頁(yè)面也可以。。。初衷是因?yàn)樘珣辛?，不想一個(gè)新聞一張圖...想一個(gè)文章就多圖分頁(yè)了

<link rel="stylesheet" href="https://www.jq22.com/demo/jPages-master20150902/css/jPages.css">
<script src="{THEME_PATH}assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="https://www.jq22.com/demo/jPages-master20150902/js/jPages.js"></script>
<link rel="stylesheet" href="https://www.jq22.com/demo/jPages-master20150902/css/animate.css">
  <style type="text/css">
  .holder {
    margin: 15px 0;
  }
  .holder a {
    font-size: 12px;
    cursor: pointer;
    margin: 0 5px;
    color: #333;
  }
  .holder a:hover {
    background-color: #222;
    color: #fff;
  }
  .holder a.jp-previous { margin-right: 15px; }
  .holder a.jp-next { margin-left: 15px; }
  .holder a.jp-current, a.jp-current:hover {
    color: #FF4242;
    font-weight: bold;
  }
  .holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
  }
  .holder a.jp-current, a.jp-current:hover,
  .holder a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    background: none;
  }
  .holder span { margin: 0 5px; }


#itemContainer { list-style: none; padding:0; margin: 20px 0;  }
#itemContainer li { display: inline-block; margin: 5px; zoom: 1; *display:inline; }
#itemContainer ll li img { vertical-align: bottom; width: 125px; height: 125px; }
  </style>

<!-- Future navigation panel

<div class="holder">
    <a class="jp-previous jp-disabled">← previous</a>
    <a class="jp-current">1</a>
    <span class="jp-hidden">...</span>
    <a>2</a>
    <a>3</a>
    <a>4</a>
    <a>5</a>
    <a class="jp-hidden">6</a>
    <a class="jp-hidden">7</a>
    <a class="jp-hidden">8</a>
    <a class="jp-hidden">9</a>
    <span>...</span>
    <a>10</a>
    <a class="jp-next">next →</a>
</div>
 -->
<div class="holder"></div>
<!-- Item container (doesn't need to be an UL) -->
<ul id="itemContainer">
<!-- Items -->
{loop $images $i $c}
    <li><img src="{dr_get_file($c)}"></li>
    <li><img src="{dr_get_file($c)}"></li>
    <li><img src="{dr_get_file($c)}"></li>
{/loop}
</ul>

<script type="text/javascript">
$(function(){
  $("div.holder").jPages({
    containerID : "itemContainer",
    first: false,    //首頁(yè)的自定義文字,如不需要?jiǎng)t設(shè)置為false
    previous: "上一頁(yè)",    //上一頁(yè)的自定義文字,如不需要?jiǎng)t設(shè)置為false
    next: "next →",    //下一頁(yè)的自定義文字,如不需要?jiǎng)t設(shè)置為false
    last: false,    //末頁(yè)的自定義文字,如不需要?jiǎng)t設(shè)置為false
    links: "numeric", // blank || title    //顯示數(shù)字
    startPage: 1,    //應(yīng)用插件時(shí)，您希望首先顯示的頁(yè)面。
    perPage: 3,    //每頁(yè)顯示的項(xiàng)目數(shù)。
    midRange: 5,    //中間頁(yè)面數(shù)量,最好為奇數(shù)這樣可以兩邊對(duì)稱
    startRange: 1,    //頁(yè)面鏈接的數(shù)量總是在導(dǎo)航的起點(diǎn)可見(jiàn)。例如，如果將startRange設(shè)置為3，則無(wú)論當(dāng)前頁(yè)面是什么，頁(yè)面鏈接1,2和3將始終可見(jiàn)。
    endRange: 1,    //網(wǎng)頁(yè)鏈接總數(shù)在nav的結(jié)尾處可見(jiàn)。
    keyBrowse: false,    //鍵盤左右鍵控制切換頁(yè)面
    scrollBrowse: false,    //滾輪左右鍵控制切換頁(yè)面
    pause: 0,    //開(kāi)啟自動(dòng)翻頁(yè)切換間隔時(shí)間
    clickStop: false,    //點(diǎn)擊是否停止自動(dòng)切換
    delay: 50,   //每個(gè)單獨(dú)頁(yè)面之間顯示的時(shí)間的間隔
    direction: "forward", // backwards || auto || random ||    //設(shè)置了delay后，可以使用該參數(shù)控制他么延遲顯示出來(lái)的方向
    animation: "", //動(dòng)畫名稱
    fallback: 400,    //如果你沒(méi)有在參數(shù)“animation”中設(shè)置CSS3動(dòng)畫，jPages會(huì)回退到j(luò)Query fadeIn效果。您可以在此參數(shù)中計(jì)算淡入速度。你可以使用毫秒或字符串'fast'，'slow'和'normal'。
    minHeight: true, //設(shè)置容器最小高度
    callback: undefined // 回調(diào)函數(shù)

  });
});
</script>