javascript - JS错误导致滑块不起作用

Question

我正在建立一个 Magento 商店，我正在使用 HelloWired 主题。

主题中包含一个名为 HelloSlide 的滑块，它基本上可以在两个图像之间交叉淡入淡出。

出于某种原因，两个图像似乎同时过渡到彼此。这会导致没有图像显示。

模板中包含的标记如下所示：

<div id="slider">
  <div class="panel"><img src="http://50.63.156.40/media/helloslide/01.jpg" alt="Flowing Rock" />
  <div class="panel"><img src="http://50.63.156.40/media/helloslide/02.jpg" alt="Other" /> 
  <div id="controls"> </div>
</div>

Answer 1

我会说它是因为面板 div 在图像之后没有关闭：

<div id="slider">
  <div class="panel"><img src="http://50.63.156.40/media/helloslide/01.jpg" alt="Flowing Rock" />
  <div class="panel"><img src="http://50.63.156.40/media/helloslide/02.jpg" alt="Other" /> 
  <div id="controls"> </div>
</div>

应改为：

<div id="slider">
  <div class="panel"><img src="http://50.63.156.40/media/helloslide/01.jpg" alt="Flowing Rock" /></div>
  <div class="panel"><img src="http://50.63.156.40/media/helloslide/02.jpg" alt="Other" /> </div>
  <div id="controls"> </div>
</div>