Changes for page Presentation Test Page
Last modified by Erik Bakker on 2024/07/30 14:39
From version 38.1
edited by Erik Bakker
on 2024/07/30 14:22
on 2024/07/30 14:22
Change comment:
There is no comment for this version
To version 53.1
edited by Erik Bakker
on 2024/07/30 14:39
on 2024/07/30 14:39
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (0 modified, 1 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -43,45 +43,40 @@ 43 43 == Current slide == 44 44 45 45 {{html}} 46 -<html lang="en"> 47 - <head> 48 - <meta charset="utf-8"> 49 - <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 46 +<!-- Slideshow container --> 47 +<div class="slideshow-container"> 50 50 51 - <title>reveal.js</title> 49 + <!-- Full-width images with number and caption text --> 50 + <div class="mySlides fade"> 51 + <div class="numbertext">1 / 3</div> 52 + <img src="/bin/download/Main/Images/General/WebHome/main-background-slide-emagiz.png" style="width:100%"> 53 + <div class="text">Caption Text</div> 54 + </div> 52 52 53 - <link rel="stylesheet" href="dist/reset.css"> 54 - <link rel="stylesheet" href="dist/reveal.css"> 55 - <link rel="stylesheet" href="dist/theme/black.css"> 56 + <div class="mySlides fade"> 57 + <div class="numbertext">2 / 3</div> 58 + <img src="/bin/download/Main/Images/General/WebHome/Logo_Vogelbekdier.png" style="width:100%"> 59 + <div class="text">Caption Two</div> 60 + </div> 56 56 57 - <!-- Theme used for syntax highlighted code --> 58 - <link rel="stylesheet" href="plugin/highlight/monokai.css"> 59 - </head> 60 - <body> 61 - <div class="reveal"> 62 - <div class="slides"> 63 - <section>Slide 1</section> 64 - <section>Slide 2</section> 65 - </div> 66 - </div> 62 + <div class="mySlides fade"> 63 + <div class="numbertext">3 / 3</div> 64 + <img src="/bin/download/Main/Images/General/WebHome/statuspage.png" style="width:100%"> 65 + <div class="text">Caption Three</div> 66 + </div> 67 67 68 - <script src="dist/reveal.js"></script> 69 - <script src="plugin/notes/notes.js"></script> 70 - <script src="plugin/markdown/markdown.js"></script> 71 - <script src="plugin/highlight/highlight.js"></script> 72 - <script> 73 - // More info about initialization & config: 74 - // - https://revealjs.com/initialization/ 75 - // - https://revealjs.com/config/ 76 - Reveal.initialize({ 77 - hash: true, 68 + <!-- Next and previous buttons --> 69 + <a class="prev" onclick="plusSlides(-1)">❮</a> 70 + <a class="next" onclick="plusSlides(1)">❯</a> 71 +</div> 72 +<br> 78 78 79 - //Learnaboutplugins: https://revealjs.com/plugins/80 - plugins: [ RevealMarkdown,RevealHighlight, RevealNotes ]81 - });82 - /script>83 - /body>84 -</ html>74 +<!-- The dots/circles --> 75 +<div style="text-align:center"> 76 + <span class="dot" onclick="currentSlide(1)"></span> 77 + <span class="dot" onclick="currentSlide(2)"></span> 78 + <span class="dot" onclick="currentSlide(3)"></span> 79 +</div> 85 85 86 86 {{/html}} 87 87
- XWiki.JavaScriptExtension[0]
-
- Caching policy
-
... ... @@ -1,0 +1,1 @@ 1 +long - Code
-
... ... @@ -1,0 +1,28 @@ 1 +let slideIndex = 1; 2 +showSlides(slideIndex); 3 + 4 +// Next/previous controls 5 +function plusSlides(n) { 6 + showSlides(slideIndex += n); 7 +} 8 + 9 +// Thumbnail image controls 10 +function currentSlide(n) { 11 + showSlides(slideIndex = n); 12 +} 13 + 14 +function showSlides(n) { 15 + let i; 16 + let slides = document.getElementsByClassName("mySlides"); 17 + let dots = document.getElementsByClassName("dot"); 18 + if (n > slides.length) {slideIndex = 1} 19 + if (n < 1) {slideIndex = slides.length} 20 + for (i = 0; i < slides.length; i++) { 21 + slides[i].style.display = "none"; 22 + } 23 + for (i = 0; i < dots.length; i++) { 24 + dots[i].className = dots[i].className.replace(" active", ""); 25 + } 26 + slides[slideIndex-1].style.display = "block"; 27 + dots[slideIndex-1].className += " active"; 28 +} - Use this extension
-
... ... @@ -1,0 +1,1 @@ 1 +always - Name
-
... ... @@ -1,0 +1,1 @@ 1 +Javascript Tryout - Parse content
-
... ... @@ -1,0 +1,1 @@ 1 +Yes