Website Help - trying to scroll my images

[photo-em]

Ok,

I'm starting my website from scratch, and getting the hang of some basic CSS.

What I'm trying to find is a scrolling bar I can add images to..

just like the one on this website http://www.jamienelson.com/fashion02-s8.html

I've looked everywhere for templates but had no luck. Only for ones that move when your hover the mouse over.

I hope someone knows where to point me in the right direction

 

[Andyman]

I think all you need to do is add the images in a scrolling DIV. Give the DIV a style along the lines of:

.scroll-div{
overflow-x:scroll;
overflow-y:hidden;
width:600px;
height: auto;
}

Andy.

 

[awp]

I think that's a really annoying way to view images on a web page.

 

[Mark]

Just look at the page source code from the link you posted, it will show you how it's done and you can modify for your own use

 

[Andyman]

I think that's a really annoying way to view images on a web page.

I'd have to agree with you there. This technique works well for building thumbnail filmstrip indexes but its quite an unstructured way to view the full-size images themselves.

Andy.

 

[budfox]

I think that's a really annoying way to view images on a web page.

Agreed, it's awful.

 

[KayJay]

It is quite bad. They've done it completely the wrong way. If you're going to have horizontally scrolling content put it on the same page and not in a scrolling div or iframe. On a smaller screen that link shows two horizontal scrollbars. One is fine, two is just amateur and ugly. It's a shame his website doesn't do his photos justice.