Allgemeine Aktionen:
Anmelden
Registrieren
Start ▼: Wiki Verzeichnis
»
Bereich: Carousel
»
Seite: Slider
default
Aktionen:
Exportieren ▼: Als PDF exportieren Als RTF exportieren Als HTML exportieren
Weitere Aktionen ▼: Druckvorschau Zeige den Quellcode
Slider

# Wiki-Quellcode von Slider

Zuletzt geändert von Guenther Hutter am 2016/02/02 23:00
Anhänge (10)
Zeilennummern verstecken 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}}

(c) 2025, by bytebang e.U. - Impressum - Datenschutz / Nutzungsbedingungen
-