jQuery Banner Rotator 플러그인의 지연 설정이 작동하지 않습니다.

Question

멋지고 유연한 jQuery 배너 회전기를 사용하고 있지만 외부 소스에서 슬라이드를로드하려면이 옵션을 수정해야했습니다. 외부 소스가 멋지게 작동하고 슬라이드 쇼가로드되지만 지연 설정을 인식하지 못하는 것 같습니다.

기본적으로 플러그인을 시작하여 내 외부 콘텐트를로드 한 다음 슬라이드 쇼 기능 전에 포맷하는 방법을 수정했습니다.

// Grabs data from Sphere Photo Gallery and formats the HTML for jQuery Banner Rotator plugin 
function sphereSlider(options) { 
    $.get("PhotoGallery.aspx.htm",function(data){ 
     var html = ''; 
     $(data).find('#pg_summary img').each(function(i){ 
      var imgsrc = $(this).attr("src"); 
      html += "<li>"; 
      html += "<a href='"+imgsrc+"'><img src='"+imgsrc+"' border=0/></a>"; 
      html += "<div class='imgCaption'>"; 
      html += "<h1>"+$(data).find('#pg_summary .pg_title:eq('+i+')').html().replace("&nbsp;","")+"</h1>"; 
      html += "<a href='"+$(data).find('#pg_summary .pg_title:eq('+i+')').html().replace("&nbsp;","")+"'></a>"; 
      html += "<div class='slideDesc'>"+$(data).find('#pg_summary .pg_longdescriptor:eq('+i+')').html()+"</div>"; 
      html += "</div>"; 
      html += "</li>"; 
     }); 
     $('.thumbnails ul').html(html); 
     $(".container").wtRotator(options); 
    }); 
} 

는 그리고 다음 HTML에서 나는이처럼 내 함수를 호출 : 다른 모든 설정이 작동하기 때문에

<script type="text/javascript"> 
    $(document).ready(function() { 
     sphereSlider({ 
     width:900, 
     height:254, 
     thumb_width:24, 
     thumb_height:24, 
     button_width:24, 
     button_height:24, 
     button_margin:5, 
     auto_start:true, 
     delay:5000, 
     play_once:false, 
     transition:"block.fade", 
     transition_speed:800, 
     auto_center:true, 
     easing:"", 
     cpanel_position:"inside", 
     cpanel_align:"BR", 
     timer_align:"top", 
     display_thumbs:false, 
     display_dbuttons:false, 
     display_playbutton:false, 
     display_thumbimg:false, 
     display_side_buttons:true, 
     display_numbers:false, 
     display_timer:true, 
     mouseover_select:false, 
     mouseover_pause:true, 
     cpanel_mouseover:false, 
     text_mouseover:false, 
     text_effect:"fade", 
     text_sync:true, 
     tooltip_type:"text", 
     shuffle:false, 
     block_size:75, 
     vert_size:55, 
     horz_size:50, 
     block_delay:25, 
     vstripe_delay:75, 
     hstripe_delay:180  
    }); 
    } 
); 
</script> 

그것은 작동합니다. 그것은 정확히 설정되지 않은 지연 시간입니다. 어떤 도움을 주시면 감사하겠습니다. 문제를 해결하기 위해 전체 소스를 http://www.truimage.biz/cc/rotator.zip에 업로드했습니다.

감사합니다.

Answer 1

.

"js/jquery.wt-rotator.js"에 잘못된 주석이 있기 때문입니다.

은에서 :

//Line: 1842 
//set delay 
//this._delay = this._$items[i].data("delay"); 

사람 :

//set delay 
this._delay = this._$items[i].data("delay"); 

Answer 2

$ .each 함수가 assync로 작동하므로 모든 이미지가 HTML로 출력되기 전에 Slider가 만들어 졌다고 생각합니다. 각각의 insted에 사용

보십시오 : 당신은 텍스트의 몇 가지를 제거하여 쉽게 문제를 해결할 수

$.get("PhotoGallery.aspx.htm",function(data){ 
    var lbls=$(data).find('#pg_summary img'); 
    var html = ''; 
    for (var i=0; i< lbls.length; i++){ 
     var imgsrc = $(lbls[i]).attr("src"); 
     html += "<li>"; 
     html += "<a href='"+imgsrc+"'><img src='"+imgsrc+"' border=0/></a>"; 
     html += "<div class='imgCaption'>"; 
     html += "<h1>"+$(data).find('#pg_summary .pg_title:eq('+i+')').html().replace("&nbsp;","")+"</h1>"; 
     html += "<a href='"+$(data).find('#pg_summary .pg_title:eq('+i+')').html().replace("&nbsp;","")+"'></a>"; 
     html += "<div class='slideDesc'>"+$(data).find('#pg_summary .pg_longdescriptor:eq('+i+')').html()+"</div>"; 
     html += "</div>"; 
     html += "</li>"; 
    } 
    $('.thumbnails ul').html(html); 
    $(".container").wtRotator(options); 
});