jQuery 1.4 Animation Techniques - Index of

}
});
screensize.width * i - (screensize.width / 2) -
(960 / 2) + parseInt(content.css("paddingLeft")) :
screensize.width * i;
positions[id].top = (i % 2) ? screensize.height : 0;
$("", {
"class": "page",
load: this.href + " #content > *"
}).css({
left: positions[id].left,
top: positions[id].top
}).appendTo(pages);
this.href = "#" + id;
if(i == links.length - 1) {
pages.trigger("contentLoaded");
[ 195 ]
Chapter 7
2. Save this file as single-page-site.js in the js folder. You'll need to link to this
new file, as well as the scrollTo plugin, which we'll make use of in this example, from
each individual page. Add the script references at the end of the element:
3. Run the page in a browser now. You should be able to navigate smoothly around the
page to each of the external pages that have been pulled in.
We can't run this page successfully on a local machine (that is using a
file:/// URL) in Google Chrome without changing the --allow-fileaccess-from-files
option due to a bug in the browser (see issue 4197
documented at http://code.google.com/p/chromium/issues/
detail?id=4197).
The example will however work as intended if we run it through a web server
(this can even be a test/development web server running on the local machine)
using an http:// URL.