Actions générales :
Connexion
Inscription
Accueil ▼: Annuaire des Wikis
»
Espace: Carousel
»
Page: Slider
default
Actions relatives à la page :
Exporter ▼: Exporter en PDF Exporter en RTF Exporter en HTML
Plus d'actions ▼: Prévisualisation Voir le code source
Slider

# Code source wiki de Slider

Modifié par Guenther Hutter le 2016/02/02 23:00
Pièces Jointes (10)
Masquer les numéros de lignes 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) 2026, by bytebang e.U. - Impressum - Datenschutz / Nutzungsbedingungen
-