Stack Overflow
Stack Overflow

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
1
vote
3 answers

Restore default value of arrows key

I'm using a script (impress.js) that bins some particular action to keyup and keydown events for left, right, up and down arrows. In some particular moments (for example while typing in a textarea) I want back the default behaviour for the arrows. I…
Red
  • 664
  • 2
  • 10
  • 20
1
vote
1 answer

Impress.js and AngularJS Controller

I am running an AngularJS application/controller. My goal is to initialize and use the impress.js library on a page that is being dynamically loaded into my main home page. However, when I try to initialize the library, the page does not load.…
vontell
  • 342
  • 3
  • 17
1
vote
1 answer

RevealJs like rotation in ImpressJs

Playing with impress.js I'm trying to acheive a Reveal.js like slide transition, but using impress.js. The basic effect did come, but i feel, the slides are taking a 'wider' turn making it look a lil slower. Note : In the fiddle, maximize the output…
sukesh
  • 2,379
  • 12
  • 56
  • 111
1
vote
2 answers

How can I offset the view position for a step in impress.js

I am using impress.js to build a presentation. I have several steps arranged around a central image (a diagram). I can successfully position the steps around the image using data-x and data-y but when the presentation is 'on' each step, I want to…
Michael Dausmann
  • 4,202
  • 3
  • 35
  • 48
1
vote
0 answers

-webkit-transform-style: preserve-3d; css scale pixelates in Chrome

I'm using impress js for my presentation. http://bartaz.github.io/impress.js/ In the overview mode of the slides I see pixelated view of the slide scaled down. Please see the below link in Chrome http://bartaz.github.io/impress.js/#/overview In…
user1437251
  • 309
  • 1
  • 3
  • 12
1
vote
1 answer

Custom transition timing in impress.js

I'm trying to create different transition times for each slide in an impress.js presentation. I found the code below in a book about impress.js. But checking it on JSLint it shows errors. I am not good enough with javascript to correct this myself.…
jelu
  • 57
  • 7
1
vote
1 answer

AngularJS and impressJS working with external JSON

Let's say I am using angular for data-bindings and prevent me from using repetitive code:
Joey Hipolito
  • 3,108
  • 11
  • 44
  • 83
1
vote
3 answers

impress.js - Next and Previous buttons

I've looked at the other questions on this topic, and know that I have to do something like this: I've created buttons: And then at the bottom of the page, I have this (this was taken from…
imcconnell
  • 844
  • 1
  • 6
  • 17
1
vote
2 answers

Bootstrap NavBar With impress.js

Is it possible to add a boostrap nav bar to a impress.js site? I'm having trouble integrating it, and I don't understand how to use multiple CSS style sheets for my site (first time web builder). Any thoughts? All ideas are welcome, since I'm a…
user2303322
  • 11
  • 1
1
vote
1 answer

impress.js - how to add next and previous buttons

i found this: impress().next(); impress().prev(); impress().goto(10); but i dont know how to use it? is there any way to implement two simple buttons which go one slide further or back?
user1464175
  • 155
  • 2
  • 11
1
vote
0 answers

Getting array to change value of class

Essentially, this is inside of a function: // Adding in an array of gradients var bg = ["gradient-0", "gradient-1", "gradient-2", "gradient-3", "gradient-4", "gradient-5", "gradient-6", "gradient-7", "gradient-8"]; var i = 0, len = bg.length; for…
Casey Dwayne
  • 2,142
  • 1
  • 17
  • 32
1
vote
0 answers

Impress.js Menu by Ralt

I've managed to create an impress.js presentation and have added the menu created by Ralt (https://github.com/bartaz/impress.js/pull/153) However, what i'm trying to do now and can't seem to be able to get through is changing the font of the menu…
Ruds
  • 11
  • 1
1
vote
1 answer

How to remove CSS and JS from a certain content-type in Drupal 7

I've come here after looking for how to selectively add a CSS or JS to a given node based on its view mode and content type. That question is answered pretty straightforward here…
versvs
  • 643
  • 2
  • 12
  • 30
0
votes
0 answers

How to get impress.js to work in my Flask/ Bootstrap stack

I'am using a flask backend and set up a bootstrap grid including navbar (nothing special, I try to learn web-development). My app is working so far, but any time I start impress presentation, my bootstrap navbar is completely inactive, it shows the…
Dennis Vogel
  • 23
  • 1
  • 3
0
votes
0 answers

Refresh webpage while also cleaning the url (remove #)

I have a hard to google question because I don't know the correct vocabulary. I'm using Impress.js to create a slideshow. When I navigate the slideshow, Impress automatically adds a # symbol and the name of the slide to the url. So when I navigate…
user44109
  • 121
  • 6
1 2
3
4 5 6