0

为了在我的主页上实现滑块效果，我下载了 Wowslider。在magento后端：我主页的内容部分（CMS->PAGES），我粘贴了以下代码：

<!-- Start WOWSlider.com BODY section -->
<script type="text/javascript">// <![CDATA[
var $j = jQuery.noConflict();
$j(document).ready(function() {
    $j('#s3slider').s3Slider({
        timeOut: 4000
    });
});
// ]]>
</script>
<div id="wowslider-container1">
<div class="ws_images">
<ul>
<li><img id="wows0" title="Blue hills" src="data1/images/blue_hills.jpg" alt="Blue     hills" /></li>
<li><img id="wows1" title="Sunset" src="data1/images/sunset.jpg" alt="Sunset" /></li>
<li><img id="wows2" title="Water lilies" src="data1/images/water_lilies.jpg" alt="Water lilies" /></li>
<li><img id="wows3" title="Winter" src="data1/images/winter.jpg" alt="Winter" /></li>
</ul>
</div>
<div class="ws_bullets">
<div><a title="Blue hills" href="#"><img src="data1/tooltips/blue_hills.jpg" alt="Blue hills" />1</a> <a title="Sunset" href="#"><img src="data1/tooltips/sunset.jpg" alt="Sunset" />2</a> <a title="Water lilies" href="#"><img src="data1/tooltips  /water_lilies.jpg" alt="Water lilies" />3</a> <a title="Winter" href="#"><img src="data1/tooltips/winter.jpg" alt="Winter" />4</a></div>
</div>
<a class="wsl" href="http://wowslider.com">HTML Slideshow Code Generator by WOWSlider.com v2.1.3</a> <a class="ws_frame" href="#"></a></div>
<script src="engine1/wowslider.js" type="text/javascript"></script>
<script src="engine1/script.js" type="text/javascript"></script>
<!-- End WOWSlider.com BODY section -->

在page.xml中，下面最后一行代码是我自己添加的：

<block type="page/html_head" name="head" as="head">
                <action method="addJs"><script>prototype/prototype.js</script></action>
                <action method="addJs"><script>lib/ccard.js</script></action>
                <action method="addJs"><script>prototype/validation.js</script></action>
                <action method="addJs"><script>scriptaculous/builder.js</script></action>
                <action method="addJs"><script>scriptaculous/effects.js</script></action>
                <action method="addJs"><script>scriptaculous/dragdrop.js</script></action>
                <action method="addJs"><script>scriptaculous/controls.js</script></action>
                <action method="addJs"><script>scriptaculous/slider.js</script></action>
                <action method="addJs"><script>varien/js.js</script></action>
                <action method="addJs"><script>varien/form.js</script></action>
                <action method="addJs"><script>varien/menu.js</script></action>
                <action method="addJs"><script>mage/translate.js</script></action>
                <action method="addJs"><script>mage/cookies.js</script></action>

<!--the following 1 line is added by myself -->
                <action method="addItem"><type>skin_js</type><name>skin/frontend/newdefault/default/js/jquery.js</name></action>

结果是滑块在 Firefox 和 chrome 中工作，但在 IE 中不工作（它在 IE 中是静态的，只显示 1 个图像）

我也尝试过其他插件来实现滑动效果，所有插件似乎都可以在 firefox 或 Chrome 中运行，但在 IE 中却不行。

4

2 回答 2

1

我自己也遇到了 JQuery 无法在 Internet Explorer 中工作的类似问题。我不确定这是适合您的解决方案，但值得一试。

在 /app/design/frontend/default//template/page/html 中，第 49 行可能有脚本标记，如下所示：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

如果您有幸使用了引入 JQuery 本身的主题，那么应该存在这一行。你可能知道 1.3.2 是一个旧的 JQuery 版本。如果您将 1.3.2 更改为 1.5.1，它应该可以工作，或者至少对我有用。

我希望这会有所帮助，我花了很长时间自己追踪这个问题，希望它对你有所帮助。

于 2012-08-08T15:13:26.697 回答
0

“哇滑块 Internet Explorer”的第一个 Google 结果产生了以下信息：

问：我购买了 WOWSlider 第 2 版，发现以下问题。当我将代码剪切并粘贴到表格中时，在 Internet Explorer 中查看时滑块将不再显示，尽管在其他浏览器中似乎可以正常工作。这非常令人沮丧，因为我需要使用表格来使我的网站居中。请给我一些建议。谢谢你。

A: 尝试添加 DOCTYPE 声明以实现通用兼容性：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

如果问题仍然存在，请通过 support [at] wowslider [dot] com 向我们发送指向您网站的直接链接，以便我们进行检查。还请写下您使用的 IE 浏览器版本。

于 2012-05-16T14:38:18.437 回答