jQuery Tools Scrollable: items flowing out of the container

Hello.

I'm using jQuery Tool's Scrollable with the Navigator plugin.

Some useful links:

Documentation for Scrollable: [url removed, login to view]

Documentation for Scrollable's Navigator plugin: [url removed, login to view]

Standalone demo of Navigator: [url removed, login to view]

And most importantly: a demo of how I'm using Scrollable/Navigator: [url removed, login to view]

Works well so far. But I'd like for it to behave differently:

I want the images (or rather, generally speaking, elements in <div class="items">) to "flow" right out of the Scrollable container (<div class="slider"> in my demo) until the right border of the browser window.

People with higher screen resolutions would obviously see more pictures/items flowing out of the container than people with lower resolutions.

In case this sounds confusing (which it probably does), here's some pictures:

- first image, normal: [url removed, login to view]

- first image, how it should be: [url removed, login to view]

...then when you click on the right arrow to scroll to the next picture:

- second image, normal: [url removed, login to view]

- second image, how it should be: [url removed, login to view]

Okay, I guess that's about it. Thanks for reading this far!

Any help would be highly appreciated! Thanks in advance!

CSS HTML JavaScript jQuery / Prototype Diseño de sitios web

Nº del proyecto: #864057

Sobre el proyecto