1

我想在我的 magento 页面上使用一些简单的 javascript 插件。我发现了一个简单而漂亮的 realey，它可以在我这样的简单 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 回答