jcarousel을 사용자 정의해야합니다.

Question

jcarousel을 사용하여 스크롤 슬라이드 쇼를 만들고 일부 사용자 정의가 필요합니다. 항목이 컨베이어에서 마지막으로 표시되는 항목이 될 때마다 참조되는 콜백 함수가 있습니다.

1. function mycarousel_itemLastInCallback(carousel, item, idx, state) { 
      display('Item #' + idx + ' is now the last item'); 
     }; 

여기에서 어떻게 작동하는지 확인할 수 있습니다. 디스플레이에 현재 이미지의 캡션 만 표시되도록이 기능을 변경하고 싶습니다. 캡션 데이터를 각 이미지의 alt 태그에 넣으려고 생각하지만 어떻게 접근 할 수 있습니까? 나는 함수 내에서 다음과 같은 것을 시도했다.

var theimage=item.next(); var thetext=theimage.alt; display('thetext'); 

... 작동하지 않았다. 나는 내 머리 위로 끝이야! 누군가가 나를 계몽 해 주길 바랍니다.

두 번째로 데이터는 표시 상자의 이전 데이터에 추가됩니다. 이전 캡션을 대체 할 캡션이 필요합니다. 그것도하는 방법을 모르겠습니다. 다음은 이것을 제어하는 ​​jcarousel 코드입니다.

var row = 1; 파이어 버그에 기능 표시 (들) {// 로그 (getfirebug.com) 가능한 경우 // 경우 (window.console! = 미정 & & 대해서 typeof window.console.log == '기능') // 콘솔. 로그;

 if (row >= 1000) 
      var r = row; 
     else if (row >= 100) 
      var r = ' ' + row; 
     else if (row >= 10) 
      var r = '  ' + row; 
     else 
      var r = '   ' + row; 

     jQuery('#display').html(jQuery('#display').html() + r + ': ' + s + '<br />').get(0).scrollTop += 10000; 

     row++; 
    }; 

도움이 정말 감사합니다! 감사합니다

Answer 1

먼저 요소의 속성에 액세스하려면 attr ('alt')을 사용해야합니다.

그런 다음 display() 메서드를 보면 문자열을 사용할 수 있습니다. thetext라는 변수를 표시하려면 구문이 올바르지 않으면 다음과 같이하십시오.

var thetext = $ (image) .attr ('alt'); 디스플레이 (thetext); 샘플에서

라인 :

var에 theimage = item.next();

은 'theimage'가 이미 jquery로 래핑 된 html 요소라는 것을 의미합니다. 그럴 경우 :

var thetext = image.attr ('alt'); 디스플레이 (thetext);

그 외에도 개인 웹 페이지의 예가 필요합니다. jsfiddler.net에 페이지를 설치하고 여전히 여기에 링크를 붙여 넣으십시오.