javascript - スライダーが機能しない原因となるJSエラー

Question

Magento ストアをセットアップしており、HelloWired テーマを使用しています。

HelloSlide と呼ばれるテーマに含まれるスライダーがあり、基本的に 2 つの画像間でクロスフェードします。

何らかの理由で、両方のイメージが同時に相互に遷移しているように見えます。これにより、画像が表示されなくなります。

テンプレートに含まれていたマークアップは次のようになります。

<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>