0

ホームページでスライダー効果を実現するために、Wowslider をダウンロードしました。ホームページの magento backend: Content セクション (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

私自身、InternetExplorerでJQueryが機能しないという同様の問題がありました。これがあなたのために働く解決策であると私は確信していませんが、それは試してみる価値があります。

/ 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

「すごいスライダー インターネット エクスプローラー」の最初の Google の結果は、次の情報をもたらしました。

Q: 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 でお客様の Web サイトへの直接リンクをお送りください。確認いたします。また、使用している IE ブラウザのバージョンもお知らせください。

于 2012-05-16T14:38:18.437 に答える