jQuery 1.4 Animation Techniques - Index of

Other Popular Animations
We also change the styling of the images themselves, setting them to block-level elements
and floating them to the left so that they stack up horizontally in a long line without
wrapping onto two lines as this would destroy the functionality of the scroller. It is the
combination of floating the images, and setting the width of the container to accommodate
them all that allows them to stack up as horizontally as required. We'll add a message that
tells the visitor how to use the scroller so we also include some styling for this as well.
The following screenshot shows how the page will appear with scripting disabled:
In the previous image we can see that the images are all visible. It's not pretty, but it's highly
accessible and doesn't hide the content when scripting is disabled on the client.
Time for action – prepping the page for sliding functionality
When scripting is enabled we can enhance the page to add the additional elements that the
proximity slider requires. Add the following code to the empty function at the bottom of the
HTML page:
var prox = $("#proximity"),
scroller = $("", {
id: "scroller"
[ 210 ]