2011-07-17 5 views
4

저는 Nivo 슬라이더 Wordpress 플러그인을 사용하고 있으며 내 클라이언트가 사용하는 방법과 사용 방법이 마음에 들었습니다. http://www.marcusmcshane.com/모든 이미지가로드되기 전에 Nivo 슬라이더 시작하기

사람이 슬라이드 쇼를 만드는 방법을 알고 있나요 :

유일한 문제는 모든 이미지가 로딩 될 때까지 슬라이드 쇼가 몇 개보다 더 많은 이미지를 가지고 큰 문제가 빨리되는 재생되지 않는다는 것입니다 첫 번째 커플이로드 된 후 시작 하시겠습니까?

미리 도움을 주셔서 감사합니다.

+0

WP 버전 업데이트 ... –

답변

15

개인적으로 Nivo 슬라이더에 대한 많은 경험이 있었기 때문에 나는 그들이 여전히 사용하고있는 것을 실제로 보았던 $(window).load을 사용한다는 것을 기억합니다.

변경이이에

<script type="text/javascript"> 
jQuery(window).load(function(){ 
    jQuery("#nivoslider-283").nivoSlider({ 
     effect:"fade", 
     slices:15, 
     boxCols:8, 
     boxRows:4, 
     animSpeed:500, 
     pauseTime:3000, 
     startSlide:0, 
     directionNav:false, 
     directionNavHide:true, 
     controlNav:false, 
     keyboardNav:true, 
     pauseOnHover:true, 
     manualAdvance:false 
    }); 
}); 
</script> 

: 각 새로운 NIVO 슬라이더가 깨끗한 & 캐롤라인의 솔루션은 잘 작동 설치에

<script type="text/javascript"> 
jQuery(function(){ 
    jQuery("#nivoslider-283").nivoSlider({ 
     effect:"fade", 
     slices:15, 
     boxCols:8, 
     boxRows:4, 
     animSpeed:500, 
     pauseTime:3000, 
     startSlide:0, 
     directionNav:false, 
     directionNavHide:true, 
     controlNav:false, 
     keyboardNav:true, 
     pauseOnHover:true, 
     manualAdvance:false 
    }); 
}); 
</script> 
+3

감사합니다! 이제는 로고 앞에로드되기 때문에 나는 그것을 조사해야만합니다 ... nivo-slider.php 라인 841에서 플러그인을 사용하는 사람들을 위해 간단히'jQuery (window) .load (function() { 'to'jQuery (function() {'. –

+1

그리고 매번 업데이트 할 때마다 이것을 고치는 것을 즐긴다. 나는 로열 슬라이더를 사용하는 것을 추천한다. –

0

이 여전히 관련이있다.

디자인 용도로 조정 된 사본을 포함하여 (위와 같이) 조정할 수 있으므로 변경하지 않아도됩니다.

저장 :

jQuery(function(){ 
$('#slider').nivoSlider(); }); 

는 별도의 파일 (nivo.js) &는 HTML 파일에서 호출하는 것은 쉽게 조정하거나 할 필요가있는 경우 원래로 돌아 찾았다 의미를 ..as.

div (#slider)의 높이를 정의하여 느린 로딩 브라우저에서 페이지가 튀어 나오지 않도록하십시오.

관련 문제