Fixing jQuery slider/track

Posted on 2011-04-26
Last Modified: 2012-05-11
I have this slider I am working on here:

I am trying to do a couple of things, and I keep getting stumped after spending countless time in firebug adjusting and testing.

- When I click on a title on the course, my goal is to get it to be placed on top of the text and in the center (tried making the width flexible for it doesnt have to have a set width)

My goal is to mimic this image:  sliderr
Any thoughts?

Thank you.
    LVL 12

    Expert Comment

    Brute force suggests: <div id="knob" style="margin-left: -50px;"/>
    LVL 1

    Author Comment

    Thanks, I'll give that a try
    LVL 12

    Accepted Solution

    The real problem is in course_slider.js at line 22

            // originally set to 50 or the half width of the knob, 100 is full knob width
            mx = $(this).position().left + 92.5 - 100;

    Open in new window

    LVL 1

    Author Comment

    Damn, looks good! Thank you


    Featured Post

    Gigs: Get Your Project Delivered by an Expert

    Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

    Join & Write a Comment

    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
    In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
    This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

    754 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now