1

Magento ページで簡単な JavaScript プラグインを使用したいと思います。シンプルで素敵な現実が1つ見つかりました。これは、このような単純なhtmlページで機能しています

<!DOCTYPE html>
<html>
  <head>
    <link href="js-image-slider.css" rel="stylesheet" type="text/css" />
    <script src="js-image-slider.js" type="text/javascript"></script>
  </head>
  <body>
    <div id="slider">
        <img src="1.jpg" alt="Caption for slide 1" />
        <img src="2.jpg" />
        <a href="http://www.menucool.com"><img src="3.jpg" /></a>
        <img src="4.jpg" />
        <img src="5.jpg" alt="Caption for slide 5" />
    </div>
  </body>
</html>

次に、magentoで使用したいと思いました。ホームページに表示される静的ブロックがあるので、そこでこのコードを使用しました:{{block type="core/template" template="catalog/product/-slideshow.phtml"}}

ここに間違いがないことを確認するために、すべての画像、スクリプト、cssを同じフォルダーに入れました。私のページでは、すべての画像が水平に表示されますが、スライドショー効果はありません。おそらく、javascript リンク コードを別の場所に配置する必要があります。その経験はありますか？ありがとう

4

1 に答える 1

0

ここでは、静的ブロックでスキン js フォルダーと css フォルダーのパスを割り当てていないため、このようにしてみてください。

// これをテンプレート ファイルに追加します

<script  src="<?php echo $this->getSkinUrl('js/bannerRotator.js');?>"></script>
<script  src="<?php echo $this->getSkinUrl('js/jquery-1.4.4.min.js');?>"></script>

<script language="javascript">
  jQuery(document).ready(function(){
    bannerRotator('#bannerRotator', 500, 5000, true);
  });
</script>

// この部分は静的ブロックのみに追加します

<div id="slider">
        <img src="1.jpg" alt="Caption for slide 1" />
        <img src="2.jpg" />
        <a href="http://www.menucool.com"><img src="3.jpg" /></a>
        <img src="4.jpg" />
        <img src="5.jpg" alt="Caption for slide 5" />
    </div>

これが問題の解決に役立つことを願っています。

于 2013-07-24T03:08:12.790 に答える