1

jQueryスライダーをコーディングしようとしましたが、JavaScriptをIEで動作させることができません。FirefoxとSafariで動作します

私のCSSスタイル：

<style type="text/css">
.slider {
    width:656px;
    height:390px;
    overflow:hidden;
    margin:30px auto;
    background-image:url(images/loading.gif);
    background-repeat:no-repeat;
    background-position:center;
}

.slider1 img {
    width:656px;
    height:390px;
    display:none;

}
</style>

ヘッダーのJavascript：

<script type="application/javascript">

function Slider(){
   $(".slider #1").show("fade",500);
   $(".slider #1").delay(5500).hide("slide", {direction: 'left'},500);

   var sc=$(".slider img").size();
   var count=2;

   setInterval(function(){
        $(".slider #"+count).show("slide",{direction: 'right'},500);
        $(".slider #"+count).delay(5500).hide("slide", {direction: 'left'},500);
        if(count ==sc){
            count=1;

        }else{
        count= count + 1;
        }
    },6500);
}
</script>

HTMLのスライダー：

<body onload="Slider();">
   <div class="slider">
       <img id="1" src="img/slider1.gif" border="0" />
       <img id="2" src="img/slider2.gif" border="0" />
       <img id="3" src="img/slider3.gif" border="0" />
   </div>
</body>

誰かが私を助けてくれたらありがとう

4

1 に答える 1

2

スクリプトタグを次から変更します

<script type="application/javascript">

に

<script type="text/javascript">

また

<script>
于 2012-10-09T18:22:34.017 に答える