如何为新表创建下一个代码滑块

Question

大家好，

我想在相同的html页面中为exercise1和exercise2制作一个滑块如果我选择下一个然后它将在完成练习后出现在下一个exrcise与图像滑块相同它不会同时显示两个exrsice只显示一个一个时间，并应该作为下一个精确的滑块wiork请帮助我开发这个

我的jsfiddle是：jsfiddle.net/hirenwebdp/Ky8fP/7 /

在我的jsfiddle中你可以看到在一个html页面中有两个练习但是没有滑块都出现在同一个所以我想为练习1和2开发滑块 请帮帮我

Answer 1

您可以将bxslider用于此目的。它不仅仅是一个图像滑块，也是一个内容滑块。

此处查看fiddle

请注意，我尚未实施任何验证。喜欢在完成第一次练习后转到下一张幻灯片等。希望你能自己实现。

包括bxslider js和css文件以及这样的插件，例如。

$('.slider').bxSlider({
  mode: 'horizontal',
  auto: false
});

如果您不想使用infiniteLoop，也可以将其设置为false。

 $('.slider').bxSlider({
  mode: 'horizontal',
  auto: false,
  infiniteLoop:false
  });