2011-07-05 8 views
0

3つのスライダーを追加しましたが、3つのスライダーをすべてHTMLページの2つのスライダーで結合していましたが、スクリプトが置かれた間違いは、助けてくれますか?JavaScriptスライダー

<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<link href="deco.css" rel="stylesheet" type="text/css" /> 

<!--[if IE 6]> 
<link rel="stylesheet" href="ie6.css" type="text/css" charset="utf-8"> 
<![endif]--> 
<!--[if IE 7]> 
    <link rel="stylesheet" href="ie7.css" type="text/css" charset="utf-8"> 
<![endif]--> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="s3Slider.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#slider1').s3Slider({ 
      timeOut: 3000 
     }); 
    }); 
</script> 
<script type="text/javascript"> 
var image1=new Image() 
image1.src="images/slide1.png" 
var image2=new Image() 
image2.src="images/slide2.png" 
var image3=new Image() 
image3.src="images/slide3.png" 

</script> 

<script type="text/javascript" src="jso/jquery.js"></script> 
     <script type="text/javascript" src="jso/jquery.innerfade.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(
       function(){ 
        $('#testim').innerfade({ 
         animationtype: 'slide', 
         speed: 750, 
         timeout: 4000, 
         type: 'random', 
         containerheight: '102px' 
        }); 

      }); 
    </script> 

<script type="text/javascript" src="floating-1.7.js"> 
</script> 

<script type="text/javascript"> 
    floatingMenu.add('floatdiv', 
     { 
      // Represents distance from left or right browser window 
      // border depending upon property used. Only one should be 
      // specified. 
      // targetLeft: 0, 
      targetRight: 10, 

      // Represents distance from top or bottom browser window 
      // border depending upon property used. Only one should be 
      // specified. 
      targetTop: 118, 
      // targetBottom: 0, 

      // Uncomment one of those if you need centering on 
      // X- or Y- axis. 
      // centerX: true, 
      // centerY: true, 

      // Remove this one if you don't want snap effect 
      snap: true 
     }); 
</script> 

</head> 

<div id="floatdiv"> 

<div class="social"> 
    <!--- Flottting slider---> 
</div> 
</div> 

<body id="home1" style="margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;"> 
<!-- ImageReady Slices (hjgy.psd) --> 
<div class="wrapper"> 

    <div id="middle"> 
     <div class="slide"> 

<!-- JavaScripts--> 

    <div id="slider1"> 
    <!-- // slider --> 
    </div> 
     </div> 
     <div class="latest"> 
       <div class="testimonal"> 
        <!-- // slider --> 

       </div> 
     </div> 
    </div> 

    <div id="footer"> 
    </div> 
    <div style="clear:both"></div> 
</div> 
<!-- End ImageReady Slices --> 
</body> 
</html> 
+0

StackOverflowへようこそ!あなたの質問にコードの書式を修正しました。 ** [Ask a Question]領域の右にある[書式設定のしかた] **ボックスと[** page link](http://stackoverflow.com/editing-help) ?] **をクリックします。 –

+0

これは話題にならないかもしれないが、あなたのHTMLはちょっと混乱している(あなたは 'headの間に' div'要素を持っている。 'と' body 'など)を使用します。 [invalid](http://validator.w3.org)のマークアップが付いている場合、ブラウザのベンダーはそれを修正しようとしますが、その修正方法はブラウザによって異なるため、リッチでインタラクティブなWebの出発点ですページは[validate]するマークアップです(http://validator.w3.org)。 –

+0

アクションスクリプトの部分はどこですか? –

答えて

0

まず、bodyタグの内側でスライダを動かしてみます。 HTMLはbodyタグとheadタグの間のタグを好まない。