Question

我正在尝试构建一个多图像滑块，问题是我无法同时显示展位滑块。

中提取滑块

有一个包含2个滑块Example的示例页面。

 <ul class="slides">
   <input type="radio" name="radio-btn" id="img-1" checked />
     <li class="slide-container">
       <div class="slide">
(....)
</ul>     

 <ul class="slides">
   <input type="radio" name="radio-btn" id="img-1" checked />
     <li class="slide-container">
       <div class="slide">
(....)
</ul>

如果有人可以帮助我是完美的！

Answer 1

你有两个问题：

1）您需要每个滑块的radio元素都是唯一的（例如，两者都不能是radio-btn）

2）每个滑块中的每个图像（1-6）共享相同的id，这是无效的，因为id每页仅应使用ONCE（例如，在每个滑块中，第一张图片有id="img-1"）。

请参阅我的JSFiddle以更正您的代码。请注意两个滑块现在如何工作？！ Woot woot！

我所做的就是将-1添加到第一个滑块的元素，将-2添加到所有第二个滑块的元素！

<强> E.G。第一滑块

<input type="radio" name="radio-btn" id="img-2" checked />

BECAME

<input type="radio" name="radio-btn-1" id="img-1-2" checked />

<强> E.G。第二滑块

<input type="radio" name="radio-btn" id="img-5" checked />

BECAME

<input type="radio" name="radio-btn-2" id="img-2-5" checked />

多个图像滑块1个单页，带有示例

1 个答案: