jScrollPane

Hello, I am new at this stuff, I am using JScrollPane on a website and I was using how to change the rectangle thingy that moves in the scrollbar into an image instead of just a plain color. here is the code on the css sheet:

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

Eduardo Ramirez wrote:I am using JScrollPane on a website...

Well, if you're doing that with an applet, then CSS has nothing to do with it. Or are you somehow doing it in some other way?

I assume it's the jQuery plugin that he using. Moved to the HTML forum.

well, i also have the actual javascript here:

[Edit: removed the pages and pages of code for the jQuery plugin. Anyone who want to see the code can download it from the plugin's web site.]

I thought maybe on the css all I had to do was change the :

background: url() thing instead of background: #color

If the plugin makes allowances for such it will be documented on the plugin's web site. (It really was not necessary to post the hundreds of lines of code for the plugin.)

Otherwise you might be able to do it with CSS, but you'd need to make sure it's being applied to the correct element. Looking at the DOM in the browser's debugger will help with this.

Eduardo Ramirez, please BeForthrightWhenCrossPostingToOtherSites
http://www.java-forums.org/javaserver-pages-jsp-jstl/67888-jscrollpane.html

Welcome to the Ranch

Please always use the code button; I have applied it to your code and you can see how much better it looks. I have also applied the disable smilies option, so when you write :‍o it doesn’t appear as