0

引用的页面在这里：http ://briansmall.com/inovar/capabilities-test.html

由于“div 类”是否处于活动状态，我遇到的问题是正确显示滑块。

只要 div 类处于活动状态（左侧导航中的“Shrink Sleeves”），滑块就会出现并正确运行（引用显示：样式表中的块）。如果 div 类未处于活动状态（例如“灵活包装”），则滑块会堆叠图像并且滑块不会正确显示 - （显示：无）。

我假设它与 display: block 和 display: none 有关，但我不知道如何使左侧的每个导航选项卡在右侧显示一个功能滑块。单个图像看起来很好（压力敏感标签），只是当我尝试实现滚动或滑动的图像时，我遇到了问题。

我希望我说得通。我只想在左侧选择导航时滚动一系列图像（3），而不是仅显示一个图像。

4

1 回答 1

1

Ok, the cause of the problem you are encountering is IDs of the divs. IDs supposed to be unique. slideContainer , slideShim are specified as IDs where they should be classes instead. You should probably change other IDs which are appearing more than once in the page.

You might want something like this

$(document).ready(function(){
    $('.slideShim').cycle({ 
        fx:     'fade',
        speed:  1500,
        timeout: 4000,
        prev:   '.back',
        next:   '.forward',
        pause:  1,
        pager:  '.pager'
    });    
});

Hope this helps

于 2013-06-28T05:13:37.597 回答