2012-11-23 2 views
0

임 자바 스크립트 프로그래밍 초보자를 표시하고 난 로터리 플러그인과 함께 문제가 있습니다. 나는 Google과 물론 성공을 시도했습니다. 나는 원형 교차로의 문서를 읽었지 만 표시된 이미지의 수를 찾지 못했습니다.회전 목마 플러그인

누구든지이 문제를 해결하는 방법을 알고 있습니까?

은 코드입니다 : http://jsfiddle.net/ramon_v/h683A/

`

<ul> 
     <li><span>Block 1</span></li> 
     <li><span>Block 2</span></li> 
     <li><span>Block 3</span></li> 
     <li><span>Block 4</span></li> 
     <li><span>Block 5</span></li> 
     <li><span>Block 4</span></li> 
    </ul> 
    <a href="#" id="prev">prev</a> 
    <a href="#" id="next">next</a> 
</body> 
<script src="jquery-1.8.2.js"></script> 
<script src="jquery.roundabout2.js"></script> 
<script> 
    $(document).ready(function() { 
     $('ul').roundabout({ 
      btnNext: '#next', 
      btnPrev: '#prev', 
      duration: 200 
     }); 
    }); 
</script>` 

감사

나는 귀하의 질문에 따라 함께 새로운 jsfiddle을 넣어

답변

0

; 그것은 5 개의 이미지를 포함합니다.

자바 스크립트는 동일하게 유지 :

$('ul').roundabout({ 
    btnNext: '#next', 
    btnPrev: '#prev', 
    duration: 200 
}); 

을 내가했다 단계는이 작업을 효율적으로 활용하려면 다음 원형 교차로부터

  1. 는 jQuery 플러그인입니다 JsFiddle에로드해야합니다 프레임 워크 섹션 (충돌을 일으킬 수있는 mootools로드가 있음)

  2. JsFiddle이 모든 html 래퍼를로드합니다. 당신을 위해, 그래서 당신은 HTML, 머리 또는 여기에 몸을 쓸 필요가 없습니다.

  3. JsFiddle 외부 리소스 섹션에서 외부 리소스로 로터리를로드하십시오. 실제 .js 파일에 대한 정적 웹 링크를 찾아야합니다. 이 경우에는 github에 하나가 있습니다 (Link)

  4. 예제는 몇 가지 CSS 규칙 만 필요하므로 나머지는 모두 삭제했습니다.

이 질문에 대한 답변을 드리겠습니다.

해피 코딩!