Wiki-Quellcode von Slider

Zuletzt geändert von Guenther Hutter am 2016/02/02 23:00
Inhalt · Anhänge (10)
{{velocity}}
{{html}}
#if($context.action == 'view')
  #set($discard = $xwiki.ssx.use("Carousel.Slider"))
  #set($discard = $xwiki.jsx.use("Carousel.Slider"))
  #set($discard = $xwiki.jsx.use("Carousel.Effects"))
  #set($discard = $xwiki.jsx.use("Carousel.SliderScript"))
  <div class="${doc.web}">
    <div class="carouselcontainer">
      <div id="carousel">
        <div class="scroller">
          <div class="content">
            <div class="section" id="section1">
              <div class="0"></div>
              <img src="$xwiki.getDocument("Carousel.Slider").getAttachmentURL('meshnetwork.png')" alt="Mesh network" />
            </div>
            <div class="section" id="section2">
              <div class="1"></div>
              <img src="$xwiki.getDocument("Carousel.Slider").getAttachmentURL('development.png')" alt="Software development" />
            </div>
            <div class="section" id="section3">
              <div class="2"></div>
              <img src="$xwiki.getDocument("Carousel.Slider").getAttachmentURL('coding.png')" alt="Coding" />
            </div>
            <div class="section" id="section4">
              <div class="3"></div>
              <img src="$xwiki.getDocument("Carousel.Slider").getAttachmentURL('antennasimulation.png')" alt="RF analysis" />
            </div>
            <div class="section" id="section5">
              <div class="4"></div>
              <img src="$xwiki.getDocument("Carousel.Slider").getAttachmentURL('tor.png')" alt="IT security" />
            </div>
          </div>
        </div>
        <div id="slider-navigation">
          <div id="slide-0" class="bullet on">&bull;</div> 
## ID must be slide-x where x is the slide defined by <div class="x">
          <div id="slide-1" class="bullet">&bull;</div>
          <div id="slide-2" class="bullet">&bull;</div>
          <div id="slide-3" class="bullet">&bull;</div>
          <div id="slide-4" class="bullet">&bull;</div>
        </div>
      </div>   
    </div>
  </div>
#end
{{/html}}
{{/velocity}}