JS導致滑塊不起作用的錯誤

Question

我設置了一個Magento Store，並且使用了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>