자바 스크립트 슬라이더

슬라이더 3 개를 추가했지만 HTML 페이지 2 개에서 슬라이더 3 개를 모두 결합하여 작동했지만 3 개 모두를 개별적으로 확인하면서 작동했습니다. 스크립트가 놓은 어떤 실수입니까? pllz를 도와주세요?자바 스크립트 슬라이더

<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>

출처

2011-07-05 besto

StackOverflow에 오신 것을 환영합니다! 내가 당신을 위해 질문에 코드 서식을 고정했습니다. 잠시 시간을내어 Ask Ask 질문 영역의 오른쪽 ** 서식 방법 ** 상자를 읽고 ** [페이지 링크 됨] (http://stackoverflow.com/editing-help) ?] ** 질문 영역 바로 위에 있습니다. (질문을 미리 볼 수있는 Ask a Question 상자 아래에 미리보기 상자가 있습니다.) –

주제가 다를 수도 있지만 주제가 아닐 수도 있지만 HTML이 조금 엉망입니다 (머리 부분 사이에 div 요소가 있음). '와'body '등)를 사용합니다. [유효하지 않은] (http://validator.w3.org) 마크 업과 함께 제공되면 브라우저 공급 업체가 문제를 해결하려고 시도하며 브라우저가 브라우저마다 다를 수 있으므로 리치 인터랙티브 웹의 시작점이 될 수 있습니다 페이지는 [유효성을 검사하는] 마크 업입니다 (http://validator.w3.org). –

액션 스크립트 부분은 어디에 있습니까? –

처음에는 body 태그 안의 슬라이더를 움직여보십시오. HTML은 body 태그와 head 태그 사이의 태그를 좋아하지 않습니다.

출처

2011-07-05 06:41:53 Andrewus

자바 스크립트 슬라이더

답변

관련 문제