Can anyone explain how to use an image scroll-bar?

[LaLaLa]

I saw this really cool site and wanted to know how to do this (the image scroll-bar)...Can anyone tell me how to make my own, costomized scroll-bar, like the one on the website?

This is the website...LaLaLa

[Kahiera]

I saw this really cool site and wanted to know how to do this (the image scroll-bar)...Can anyone tell me how to make my own, costomized scroll-bar, like the one on the website?

This is the website...LaLaLa

i don't see any edited scroll bar on my computer but, i checked the source and this is what it showed about the scroll bar:

<!-- Header --><SPAN id=Header style="LEFT: 37px; WIDTH: 159px; POSITION: absolute; TOP: 128px; HEIGHT: 55px"><img src="images/header_index.gif" alt="" width="159" height="55" border="0"></SPAN><!-- div containing up-arrow | change: top + left --><span id="up" style="position: absolute; top: 178px; left: 374px; width: 21px; height: 18px; z-index: 1;"><img src="images/spacer.gif" width="21" height="18" alt="Scroll Up" border="0"></span><!-- div containing down-arrow | change: top + left --><span id="down" style="position: absolute; top: 354px; left: 374px; width: 21px; height: 19px; z-index: 2;"><img src="images/spacer.gif" width="21" height="19" alt="Scroll Down" border="0"></span><!-- div containing scrollbar | change: top + left + width + height --><span id="drag" style="position: absolute; top: 195px; left: 374px; width: 25px; height: 37px; z-index: 3;"><img src="images/ThumbScroll.gif" width="25" height="37" alt="Drag to Scroll Text" border="0"></span><!-- div laying above scrollbar for netscape 6 protection | change: top + left + width + height --><span id="ruler" style="position: absolute; top: 195px; left: 374px; width: 25px; height: 37px; z-index: 4;"></span><!-- div containing content | change: top + left + width + height + clip --><span id="contentClip" style="position: absolute; top: 169px; left: 37px; width: 320px; height: 202px; clip:rect(0px,320px,202px,0px); visibility: visible; z-index: 5; overflow: hidden;">

[Chocolate570]

Custom scrollbars are IE only, so I don't reccomend you use them. But if it's a must, then try visiting this page, as it seems to be generating valid code, or at least code as valid as ie-only code can become.

[reportingsjr]

No, it looks as if the site he is talking about is using javascript. They just make it so you can slide a selected image up and down the side of a div and the div slides with it. You will HAVE to use javascript.

[holmedwa04]

I am sure, this exact same topic has already come up before with the same link, perhaps although I cannnot remember, there was an answer in that topic.

[steffalynn]

http://w3schools.invisionzone.com/index.ph...ic=8505&hl=Well it wasn't there!

[Gr3]

The scroll bar is made using javascripts. The code for that script can be found at http://javascript.internet.comHope that helps