Jquery Slider

10 February 2009
Tags: javascript

I thought about making use of the jQuery slider effect for a project I am working on.

Let me just say that I felt like an idiot at first. All the necessary libs were installed and being called correctly, but nothing was coming up. After much head scratching, I finally realized that I needed to provide styling for the slider for it to show up.

So at the very least have something along these lines;

.ui-slider {   position: relative;   text-align: left;   border: 1px solid #ccc;   height: 5px; } .ui-slider .ui-slider-handle {   position: absolute;   z-index: 2;   width: 9px;   height: 9px;   cursor: default;   border: 1px solid #666; } .ui-slider .ui-slider-range {   position: absolute;   z-index: 1;   font-size: 1%;   display: block;   border: 0; }