我正在使用我在之前项目中使用的jQuery滑块。问题是滑块现在无法正常工作..图像只是继续在另一个下面而没有任何反应。我也确保我已经包含了索引中的jQuery链接。这是代码的jsfiddle链接,因为它太大而无法上传到这里:jsfiddle.net/1y7gyuvw/。
答案 0 :(得分:0)
您的代码很好,只需要进行两项更改。 1.你需要包含你没有包含的jquery文件。 2.您刚刚指定了有关滑块的所有代码内容,但您没有调用该函数来创建滑块,因此只需调用它。
喜欢以下。我为你创造了jsfiddle。 http://jsfiddle.net/ej5q80wh/
好好享受。 :)
$( '.sldr' ).each( function() {
var th = $( this );
th.sldr({
focalClass : 'focalPoint',
offset : th.width() / 2,
sldrWidth : 'responsive',
nextSlide : th.nextAll( '.sldr-nav.next:first' ),
previousSlide : th.nextAll( '.sldr-nav.prev:first' ),
selectors : th.nextAll( '.selectors:first' ).find( 'li' ),
toggle : th.nextAll( '.captions:first' ).find( 'div' ),
sldrAuto : true,
sldrTime : 2000,
hasChange : true
});
});
您只需为图像指定正确的路径,图像就会开始滑动。如果您有任何问题,请告诉我,我会为您解决这个问题。