如何为新表制作下一个代码滑块

how to made next code slider for new table

本文关键字：代码 下一个 新表制      更新时间：2023-09-26

hiii 大家，

我想在同一个 HTML 页面中为练习 1 和练习 2 制作一个滑块，如果我选择下一步，那么它将在完成练习后出现下一次练习，就像图像滑块一样，它不会同时显示两个练习，一次只会显示一个，并且应该作为滑块进行下一次练习，请帮助我开发这个

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

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

您可以使用 bxslider 来实现此目的。它不仅是图像滑块，也是内容滑块。

在这里检查小提琴

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

包括 bxslider js 和 css 文件以及像这样的插件

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

如果你不想要 infiniteLoop，你也可以把它设置为 false。 

 $('.slider').bxSlider({
  mode: 'horizontal',
  auto: false,
  infiniteLoop:false
  });
相关文章：