impress.js - Next and Previous buttons

Question

I've looked at the other questions on this topic, and know that I have to do something like this:

I've created buttons:

<button id="next"></button>
<button id="prev"></button>

And then at the bottom of the page, I have this (this was taken from the other question here):

<script src="js/impress.js"></script>
<script>impress().init();</script>

<script>
$("#next").click(function () {
   api.next();
});

$("#prev").click(function () {
   api.prev();
});
</script>

But it isn't working at all; can someone give me a hand with this?

score 1 · Answer 1 · answered May 21 '14 at 18:06

1

it works, if next-prev are in inside impress div

$('#next').on('click', function(e){
    impress().next();
    e.stopPropagation();
});

$('#prev').on('click', function(e){
    impress().prev();
    e.stopPropagation();
});

answered May 21 '14 at 18:06

arturmoroz

1,897
1
16
13

So, how is this functionally different from the answer already posted? – Andrew Barber May 21 '14 at 18:51
e.stopPropagation(); if nav is inside impress wrap impress().next(); doesn't work – arturmoroz May 22 '14 at 07:52

score 0 · Answer 2 · answered Jun 20 '13 at 13:13

0

Replace your script this way:

<script>
$("#next").click(function () {
   impress().next();
});

$("#prev").click(function () {
   impress().prev();
});
</script>

answered Jun 20 '13 at 13:13

Praveen Kumar Purushothaman

164,888
24
203
252

score 0 · Answer 3 · answered Jun 20 '13 at 19:37

0

Have you included jQuery? If not, add this too:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

answered Jun 20 '13 at 19:37

giokokos

602
1
6
20

impress.js - Next and Previous buttons

3 Answers3