jQuery滑块:颜色更改菜单不会与滑块的其余部分同步

时间:2012-02-07 14:29:33

标签: jquery css slider

所以我制作了一个滑动图像的滑块和一个随之滑动的菜单。

它的工作原理如下:
图像向左滑动,菜单随之移动,以便连接到当前图像的菜单按钮始终位于最左侧。 除此之外,菜单会根据活动的幻灯片改变颜色 问题出现在这里:
如果我只是让它自动滑动它会像它应该的那样工作但是如果我按下菜单中的任何按钮,下次它自动滑动时菜单的颜色会偏移。
菜单中最左边的按钮应该始终为黄色,其他按钮应该是更亮的灰色,因为它们距离黄色的更远。

以下是滑块的链接:http://server.patrikelfstrom.se/rcane/slider/
Javascript:http://server.patrikelfstrom.se/rcane/slider/slider.js
CSS:http://server.patrikelfstrom.se/rcane/slider/slider.css

我知道这是一个很大的问题,但我无法弄清楚我应该如何解决这个问题。请帮忙。感谢。

(我正在使用jquery 1.3,因为我正在构建这个网站使用它。(我知道老而蹩脚,但我无法改变))

1 个答案:

答案 0 :(得分:0)

我也找不到它,但为了达到某一点,必须在点击功能的某处触发错误:

jQuery('#slider-menu-content .slider-menu-item a').click(function(e) {
    var id = jQuery(this).parent('li').attr('class').match(/\d/);
    moveSlide(id, id);
    moveMenu(id, id);
    interval = resetSliderInterval(interval);
    e.preventDefault();
});
如果自动滑翔机再次滑动,它似乎会打破位置。 如果你开始点击每次点击,尝试以某种方式重置resetSliderInterval函数