StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow can I scroll an inline unordered list of images in a div that is page width? (JQuery)
text
Body
copied!<p>I have a "bar" across the top of my page, 100px hight and 100% page size.</p> <p>I have an unordered list of images displayed inline in there 80x80 (10px padding all round) and I have tried several methods of displaying "more" images than fit on the screen either by wrapping to several lines or by scroll.</p> <p>What I would prefer would be something simple and elegent on each side I could click to have it scroll across one more image each click, or hover over the "button" to have it continuously scroll.</p> <p>UPDATE: I got it working with JCarousel but then decided I'd prefer to write it entirely myself.</p> <p>I current have a working system whereby I can click on a button either side of the screen to have it scroll left or right a certain amount. My only problem is that if I keep clicking once it's ran out of items to scroll it still increments the number. I need to make sure it stops when it's done, otherwise i have to click the same number of times in the opposite direction before it starts moving again.</p> <p>I tried doing it by counting the number of elements in my unordered list but that didn't work because there isn't always the same number of items on the screen at different resolutions and window sizes So I cn't allow a certain number of clicks in each direction.</p> <p>My next option is to dynamically find the screen width and use that to scroll, any ideas?</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload