xotpl/contentslider.html

7-7 xotpl/contentslider.html
01<link rel="stylesheet" type="text/css" href="<{xoImgUrl css/contentslider.css}>" />
02<script type="text/javascript" src="<{xoImgUrl js/contentslider.js}>"></script>
03 
04 
05<div id="templatemo_banner_panel">
06  <!--Inner content DIVs should always carry "contentdiv" CSS class-->
07  <!--Pagination DIV should always carry "paginate-SLIDERID" CSS class-->
08  <div id="paginate-slider2" class="pagination2">
09    <{foreach from=$slider_var item=slider}>
10      <a href="#" class="toc">&nbsp;</a>
11    <{/foreach}>
12  </div>
13 
14  <div id="slider2" class="sliderwrapper">
15 
16    <{foreach from=$slider_var item=slider}>
17      <div class="contentdiv"><img src="<{$slider.file_url}>" alt="image <{$slider.sort}>0" /></div>
18    <{/foreach}>
19 
20  </div>
21  <script type="text/javascript">
22 
23    featuredcontentslider.init({
24      id: "slider2",  //id of main slider DIV
25      contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
26      toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
27      nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
28      revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
29      enablefade: [true, 0.2],  //[true/false, fadedegree]
30      autorotate: [true, 3000],  //[true/false, pausetime]
31      onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
32      //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
33      //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
34      }
35    })
36  </script>
37</div>
7-7 xotpl/contentslider.html

搜尋

QR Code 區塊

快速登入

書籍目錄

線上使用者
