Questions tagged [impress.js]

a JavaScript framework for creating presentations using HTML5 and CSS3.

Impress.js is a small, 33 kB unminified, framework for creating slide presentations using and . A demonstration presentation and the impress.js source code are available at GitHub.

84 questions
10
votes
1 answer

Inject javascript code into html with Express

I am writing a web application using Express framework to generate Impress.js presentations and apply a visual editor on them. I have set up the app.js for only getting the .html file but I want to inject a javascript code from a separate file…
giokokos
  • 602
  • 1
  • 6
  • 20
9
votes
2 answers

How to scale transition UILabel without using a lot of memory?

I'm trying to reproduce some of the 2D transitions in Impress.js's sample presentation in Objective C. Specifically the rotate, pan, and scaling - right now I'm focusing on the scaling. I've tried scaling a UILabel to the point where it "passes the…
Luke
  • 13,678
  • 7
  • 45
  • 79
7
votes
1 answer

Impress.js : texts and images look blurry

With Impress.js, my texts and my images look blurry. See the next screenshot where CSS is disabled but Impress.js is enabled : And now see the next screenshot where Impress.js and CSS are disabled : Why are they blurry ? This is my configuration…
GG.
  • 21,083
  • 14
  • 84
  • 130
6
votes
1 answer

How to use slidify with impress.js

Following https://twitter.com/ramnath_vaidya/status/274636089715740672 slidify should support impress.js. But when I use --- title : Test subtitle : author : job : framework : impressjs # {io2012, html5slides, shower,…
JerryWho
  • 3,060
  • 6
  • 27
  • 49
6
votes
1 answer

How to make impress.js slideshow auto play and loop

I have a slideshow I'd like to auto play and loop continuously. I've found snippets that let me set a global slide duration and use impress.next() with a setInterval() call to move forward, but then I lose the ability to have different durations for…
creativetim
  • 1,138
  • 2
  • 13
  • 26
5
votes
2 answers

Bootstrap slides in impress.js

I'm looking for a way to enable the Bootstrap style for certain slides in an impress.js presentation. I've tried to do this by adding the bootstrapslide style to these slides and compiling Boostrap Less such that it is applied only to these div…
Willem Van Onsem
  • 443,496
  • 30
  • 428
  • 555
4
votes
4 answers

How to fill the screen with image in impress.js?

My impress.js slides have images that I would like to fill the screen and center, here's the code:
Introduction
M.R.
  • 1,053
  • 2
  • 13
  • 30
4
votes
3 answers

Convert HTML5 to Flash

I am using impress.js extensively to create a lot of HTML5 presentations. These presentations need to be displayed on touch-screen kiosks. Unfortunately, the vendor handling the kiosks has said that only Flash content can be displayed on these…
sridharraman
  • 365
  • 1
  • 4
  • 16
4
votes
1 answer

How to get a full, seamless rotation with Impress.js?

I'm using impress.js to create a 3D effect in which you are inside four pages, as if they were four walls in a room. To view the next page, a simple -90 degree rotation is used. The pages are already laid out with impress.js using: //page 1
NickR
  • 41
  • 1
  • 6
3
votes
0 answers

Screen-size dependend values for data-x in impress.js

Say one has the following impress.js code:
Foo
bar
This renders fine on a 1920x1080 screen,…
Willem Van Onsem
  • 443,496
  • 30
  • 428
  • 555
3
votes
0 answers

Impress.js set Slide Width to 100%

I was just trying out impress.js plugin. i tried setting the width of slides to 100% but it seems to be not taking the width in percentage.... Any fix for this will be very helpful.
undefinedtoken
  • 921
  • 1
  • 8
  • 26
3
votes
1 answer

Create an animated bullet point list using Impress.js

I'm using impress.js for a presentation I have to give tomorrow and all I'm wondering is how (or if it's possible) to have my list items in my unordered list animate in one by one on click just like it would work in powerpoint/prezi. Here's my…
Tyler McGinnis
  • 34,836
  • 16
  • 72
  • 77
3
votes
1 answer

impress.js with fixed top nav not working

I have been working with impress.js, html5 and css. I have got my impress.js presentation to a standard I am quite happy with but I am trying to implement a fixed top nav similar to Twitters. The current implementation does not work correctly. if…
patchu_
  • 51
  • 4
3
votes
0 answers

impress.js setting background element

is there any way to get the same 3d effect of setting "step" in the class without getting it to stepin/stepout. I just want it in the background and keep the css simple. Thanks.
Ton
  • 199
  • 8
2
votes
1 answer

adding an event listener to impress.js

I am using impress.js library to make a presentation. I would like to attach a listener for a div where if the slide has classes present active. Then, I would like to have a counter to be displayed on the slide. I tried to use…
abdul
  • 134
  • 1
  • 11
1
2 3 4 5 6