Adding Mouseover / Mouse Active events to jquery content tab slider

Hi All:

I'm using a feature content tab changer I found online. I've done a few changes to it, but I need to add the ability to store state of the active tab(), hover tab and switch to an image for each of those states.

img1_off, img2_off, img3_off
img1_active_ img2_active, img3_active
img1_hover, img2_hover, img3_hover

Example Tab 1:

        <li class="ui-tabs-nav-item" id="nav-fragment-1">
            <a href="#fragment-1">
                <img src="images/simplify_on.gif" alt="" height="89" width="272" />
            </a>
        </li>

I am not using background images css for any of these of a ul / li (because that's not accessible) -

I probably have to pre-cache images on load as well.

<script type="text/javascript">
/* This function needs to be expanded to include hover, active states of the tabs */
    $(document).ready(function(){
                $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("", 5000, true );
    });
</script>

Thank you in advance

ansaurus

tags:

views:

answers:

Adding Mouseover / Mouse Active events to jquery content tab slider

related questions