Wiki source code of Slider

Last modified by Guenther Hutter on 2016/02/02 23:00
Content · Attachments (10)
Hide line numbers
 1: {{velocity}}
 2: {{html}}
 3: #if($context.action == 'view')
 4:   #set($discard = $xwiki.ssx.use("Carousel.Slider"))
 5:   #set($discard = $xwiki.jsx.use("Carousel.Slider"))
 6:   #set($discard = $xwiki.jsx.use("Carousel.Effects"))
 7:   #set($discard = $xwiki.jsx.use("Carousel.SliderScript"))
 8:   <div class="${doc.web}">
 9:     <div class="carouselcontainer">
10:       <div id="carousel">
11:         <div class="scroller">
12:           <div class="content">
13:             <div class="section" id="section1">
14:               <div class="0"></div>
15:               <img src="$xwiki.getDocument("Carousel.Slider").getAttachmentURL('meshnetwork.png')" alt="Mesh network" />
16:             </div>
17:             <div class="section" id="section2">
18:               <div class="1"></div>
19:               <img src="$xwiki.getDocument("Carousel.Slider").getAttachmentURL('development.png')" alt="Software development" />
20:             </div>
21:             <div class="section" id="section3">
22:               <div class="2"></div>
23:               <img src="$xwiki.getDocument("Carousel.Slider").getAttachmentURL('coding.png')" alt="Coding" />
24:             </div>
25:             <div class="section" id="section4">
26:               <div class="3"></div>
27:               <img src="$xwiki.getDocument("Carousel.Slider").getAttachmentURL('antennasimulation.png')" alt="RF analysis" />
28:             </div>
29:             <div class="section" id="section5">
30:               <div class="4"></div>
31:               <img src="$xwiki.getDocument("Carousel.Slider").getAttachmentURL('tor.png')" alt="IT security" />
32:             </div>
33:           </div>
34:         </div>
35:         <div id="slider-navigation">
36:           <div id="slide-0" class="bullet on">&bull;</div> 
37: ## ID must be slide-x where x is the slide defined by <div class="x">
38:           <div id="slide-1" class="bullet">&bull;</div>
39:           <div id="slide-2" class="bullet">&bull;</div>
40:           <div id="slide-3" class="bullet">&bull;</div>
41:           <div id="slide-4" class="bullet">&bull;</div>
42:         </div>
43:       </div>   
44:     </div>
45:   </div>
46: #end
47: {{/html}}
48: {{/velocity}}