Tell me, please, such a thing. I make a website portfolio and I want to make some non-standard transitions between pages. Stumbled upon There is such a story as a page-transition . But I only get acquainted with JS and its frameworks and I can not figure out whether it is possible to make such transitions between several html pages. I managed to make such a transition only back and forth. Further transition does not work, gives an error. Is it possible to make a page-transition between say 10 different pages? Where to dig?

  • Show the code that works and that doesn't work. - Zhukov Roman
  • I can show the site: I do as described here: But the transition only works forward and backward. So after the transition, from the second page to go to the 3rd, you need to reload the page. What am I doing wrong? - Viktor Kushnir

1 answer 1

Looked at the console? GET 404 (Not Found)

You can fix it this way (putting a slash before the index in the href):

 <a href="/index/stone-magazine5.html" class="ar-right ui-link" data-transition="slide"><span>Stone Magazine</span></a> 

Plus Uncaught SyntaxError: Unexpected token} in the code (extra closing brackets):

 $(document).bind("mobileinit", function(){ $.mobile.defaultPageTransition = 'slide'; }); });