2008-10-15 3 views
0

Mootools 클래스 noobSlide (http://www.efectorelativo.net/laboratory/noobSlide/)를 수정하여 (아주 약간) 플리커 스타일 포토 스트림을 만듭니다. 여기 Mootools 클래스에 ajax 호출을 추가하는 방법

수정 된 HTML이

여기
print("code sample");<h2>Sample 2</h2> 
<div class="sample"> 
<div class="mask4"> 
    <div id="box2"> 
     <span><img src="img1.jpg" alt="Photo" /></span> 
     <span><img src="img2.jpg" alt="Photo" /></span> 
     <span><img src="img3.jpg" alt="Photo" /></span> 
     <span><img src="img4.jpg" alt="Photo" /></span> 
     <span><img src="img5.jpg" alt="Photo" /></span> 
     <span><img src="img6.jpg" alt="Photo" /></span> 
     <span><img src="img7.jpg" alt="Photo" /></span> 
    </div> 
</div> 
<p class="buttons"> 
    <span id="prev1">&lt;&lt; Previous</span> 
    <span id="next1">Next &gt;&gt;</span> 
</p> 

는 JS

print("code sample");//SAMPLE 2 
    var hs2 = new noobSlide({ 
     box: $('box2'), 
     items: [1,2,3,4], 
     size: 500, 
     interval: 3000, 
     buttons: { 
      previous: $('prev1'), 
      next: $('next1') 
     } 
    }); 

내가 알고 싶은 것은 추가하는 방법입니다 (위의 페이지에서 원본을 볼 수 있습니다)입니다 이 아약스 전화, 나는 약 50 이미지가 있고 난 단지 약 5 (실제로 내가 2를로드 할 필요가 있다고 가정)를 한 번에로드하고 싶다.

그래서 나는 아약스 클래스/기능

thnkx

답변

2

Mootorial에게 기본 Mootools의를 사용하여 noobslide Ajax를 추가하는 방법에 대한 도움을 부탁합니다.

관련 문제