Horizontal Page Animation with JQuery
<p>I'm trying to do a website with a horizontal page animation. Currently, I'm using a plugin I found at this site. <a href="http://manos.malihu.gr/horizontal-page-animation-to-id-with-jquery/" rel="nofollow">http://manos.malihu.gr/horizontal-page-animation-to-id-with-jquery/</a></p>

<p>Here's my problem: </p>

<p>I decided to add more pages e.g. #c7 and #c8. I also adjusted the width of the container to 13500px to cater to the 8 pages. Right now the sliding works if you click on Content 7 and Content 8. But if you click pages 1 – 7 from Page 8, it will snap to those pages. How can i have a clean transition of pages? e.g. if you click page 4 from page 6, the transition is smooth.</p>

<p>I've gone through at the js files, and played around with the css but I can't seem to fix the problem I have. Hope to get some fresh pair of eyes to look into this thanks.</p>

<p>Hope you can help.</p>

<p>EDIT:
Added a link to a sample page. Try clicking on page 8 or 9. From that page, click on pages 1 -7. It has that snappy animation and the transition is not smooth.</p>

<p><a href="http://dl.dropbox.com/u/57617407/Websites/horizontal-animate-page-to-id-jquery.html" rel="nofollow">http://dl.dropbox.com/u/57617407/Websites/horizontal-animate-page-to-id-jquery.html</a></p>

<p>Thanks very much.</p>

<ul>
<li>Hakimo</li>
</ul>
