Loading...

Search jQuery

Search

jQuery Forum

How to modify my code to use next and previous with iPad images

in Using jQuery • 9 years ago

Presently this is working with the swipe on the iPad.

$(document).bind("zoom.swipeleft", function (e) {
$("#mybook").turn('next');
});
$(document).bind("zoom.swiperight", function (e) {
$("#mybook").turn('previous');
});

my second code is not working right.

$("#nextPg").click(function (e) {
e.turn($("#mybook").turn('next'));
});
$("#prvPg").click(function (e) {
$("#mybook").turn('previous');
});

turns pages like this on next > 1,2,4,6,8

but on the previous < 6,5,4,3,2,1 works perfectly.

Can I bind document.bind(to my "#nextPg" from div to get the same effect as the swipe code.)

1

Replies(3)

jakecigar

Re: How to modify my code to use next and previous with iPad images

9 years ago

$("#nextPg").click(function (e) {
$("#mybook").turn(’next');
});
$("#prvPg").click(function (e) {
$("#mybook").turn('previous');
});

looks better to me.

JΛ̊KE

Re: Re: How to modify my code to use next and previous with iPad images

9 years ago

I am using both the swipe is for the finger movement.

the other is for click buttons

jakecigar

Re: How to modify my code to use next and previous with iPad images

9 years ago

Keep your swipe code that is already working.

I just suggested changing

e.turn($("#mybook").turn('next'));

to

$("#mybook").turn(’next’);

JΛ̊KE