?
Solved

HTML5 page transition

Posted on 2012-09-18
1
Medium Priority
?
669 Views
Last Modified: 2012-10-04
What are my options available in HTML5 for giving smoother transition between pages of my website?

Can i do a slide-by or a fade?

Note, that there are 2 separate .html pages, NOT the same page
0
Comment
Question by:RTKHOT
1 Comment
 
LVL 1

Accepted Solution

by:
jeliasson earned 820 total points
ID: 38409161
Sorry, but you can't change the behaviour of page changes natively with HTML5.
However, you may be intressted to use a combination of HTML5 and JavaScript to achieve this effect.

I would recommend looking into a Framework, e.g. jQuery, and functions such as $.load() and $.ajax() together with HTML5's pushState() function to change the URL without really reloading the web page.

Let me know if something is unclear.

References:
http://api.jquery.com/jQuery.ajax/
http://api.jquery.com/load/
http://spoiledmilk.com/blog/html5-changing-the-browser-url-without-refreshing-page
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…
Suggested Courses

807 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question