reveal.js

问题 I create a presentation with this javascript framework http://lab.hakim.se/reveal-js/#/ and when certain slide is appearing I want to execute function stats(), which display some data from API every 5 seconds, but only when this slide is appearing function stats(){ $.ajax({ type: "GET", url: url_survey, dataType: "json", success : function (data) { //some code to display data }, error: //some code }); } in HTML file I have this: <section> <div id="stats"> </div> </section> how can I do it? I

问题 I want to use reveal.js in the WordPress theme of my website, which uses WordPress 4.2.2. I followed the instructions by alleyinteractive here. I downloaded reveal.js for WordPress. I extracted it into public_html/wp-content/themes/revealjs-wp-theme-master . I downloaded Fieldmanager plugin and extracted the zip file into public_html/wp-content/plugins/wordpress-fieldmanager-1.0.0-beta.2 . I can see the theme in wp-admin as shown below: However, I am afraid to activate the theme as I may lose

问题 Does anyone know if one can connect a HTML5 Video with the presentation javascript, Reveal.js so that if I play a video on one slide, when that video is complete, it would automatically progress to the next slide? Reveal.js has it's own eventHandler Reveal.addEventListener( 'customevent', function() { console.log( '"customevent" has fired' ); } ); But I cannot find any specific documentation on if elements inside a slide can trigger the nextSlide functionality. 回答1: SO... here is the solution

问题 I am using Reveal.initialize({ slideNumber: true }) Is there any possibility to hide the slide number on the title page? 回答1: I have done it this way: Reveal.addEventListener('slidechanged', (event) => { const isFirst = event.indexh === 0; Reveal.configure({ slideNumber: !isFirst }); }); 来源： https://stackoverflow.com/questions/31146251/hide-slide-number-on-title-page

问题 I am trying to make a header for my reveal.js presentation that sticks to the top of the screen. The content in the header is dynamic on a per-slide basis, so I have to place the markup within the section tag. Apparently position:fixed does not really provide satisfying results in reveal.js if the markup is within the section tag. I can't really make out why that is exactly, but I found some info in the github repo suggesting setting the presentation size to fit the viewport size with: Reveal

问题 I'm using nbconvert to make a reveal.js slideshow from my notebook. Specifically, I'm running: ipython nbconvert --to slides analysis.ipynb . This creates "analysis.slides.html", and I put "reveal.js" in the same folder. That is, I have: reveal.js ... analysis.ipynb analysis.slides.html However, when opening "analysis.slides.html" in the browser JavaScript console, I get the following: analysis.slides.html:1992 Uncaught ReferenceError: Reveal is not defined analysis.slides.html:2032 Uncaught

问题 I am very happy that I got the opportunity to work on a website that is gesture-based. I have a few inspiration for this: link I visited lot of websites and googled it, Wikipedia and gitHub also didn't help much. There is not much information provided as these technologies are in nascent stages. I think I will have to use some js for this project gesture.js (our custom javascript code) reveal.js (Frame work for slideshow) My questions are how come gestures generate events, how does my

问题 Question for reveal.js users. I am trying to show a HTML markup in my reveal.js presentation. Issue is it renders the html block within my Code syntax highlighting block so the markup can not be seen. Is there a way around this? example below <section> <h2>Pretty Code</h2> <pre> <code contenteditable> <form id="demo-form" data-validate="parsley"> <label for="fullname">Full Name * :</label> <input type="text" id="fullname" name="fullname" data-required="true" /> <label for="email">Email * :<

问题 I'm using Reveal JS for making a presentation. If I put more text in the tag, it is going below the screen hidden from view. But there is no scroll bar to the right. Wondering if I can do a css fix to bring in a vertical scroll bar and make the hidden content visible by scrolling. Here is the CSS to be changed (I think) .reveal .slides section .fragment { opacity: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease;

问题 When I execute an IPython notebook to a reveal.js presentation using ipython nbconvert mynotebook.ipynb --to slides --post serve I am getting all the content as a single slide. How do I separate my content into several slides? I tried using --- (hinted in this video), \n\n\n and === inside the notebook (as separate cells and before my titles), but it didn't change anything. I know that for a Markdown input file in reveal.js one can set the data-separator option, but the generated html file