Jump to content

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


LaLaLa
 Share

Recommended Posts

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 :)

Link to comment
Share on other sites

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;">

Link to comment
Share on other sites

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. :)

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...