javascript - Magento Rotator 中的 CDATA 问题

Question

所以我目前正在开发一个 Magento 网站。我使用此处找到的代码设置了一个旋转器:

http://www.magentocommerce.com/wiki/4_-_themes_and_template_customization/cms_and_home_page/javascript_banner_rotator_for_home_page

如果我将代码放入主页，它就会按预期工作。但是，如果我将代码放在静态 block 中，CDATA 会强制将其自身放入代码中，从而破坏它。我无法删除 CDATA，因为它不断替换自身。代码如下:

<script type="text/javascript">// <![CDATA[
var imgs1 = new Array("{{media url="wysiwyg/rotator-1-1.jpg"}}","{{media url="wysiwyg/rotator-1-2.jpg"}}","{{media url="wysiwyg/rotator-1-3.jpg"}}");
var lnks1 = new Array("http://www.example.com/","http://www.example.com/","http://www.example.com/");
var alt1 = new Array("That Looks Nice","That Looks Nice","That Looks Nice");
var currentAd1 = 0;
var imgCt1 = 3;
function cycle1() {
  if (currentAd1 == imgCt1) {
    currentAd1 = 0;
  }
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
  banner1.src=imgs1[currentAd1]
  banner1.alt=alt1[currentAd1]
  document.getElementById('adLink1').href=lnks1[currentAd1]
  currentAd1++;
}
  window.setInterval("cycle1()",4000);
// ]]></script>
<p><a id="adLink1" target="_top"> <img id="adBanner1" src="{{media url="wysiwyg/rotator-1-1.jpg"}}" alt="" width="235" height="250" border="0" /></a></p>

如有任何帮助，我们将不胜感激。

Answer 1

您正在评论结尾为 </script> 的 javascript标签，尝试输入 </script> CDATA 行结束后。 对此不确定，但值得一试。