슬라이드의 가변 길이 표시로 슬라이드 쇼 만들기

Question

slides.js jquery plugin으로 슬라이드 쇼를 만들려고합니다.

첫 번째 슬라이드 (포함 된 비디오가 있음)는 7 초 동안 표시되고 나머지 슬라이드는 4 초 동안 표시됩니다.

이것은 내가 지금까지 시도한 것입니다 :

$(function(){ 
     $('#slides').slides({ 
      preload: true, 
      generateNextPrev: false, 
      play: function(){ 
       if($('#slides').childNodes[2].css('display', 'block')){ 
        return 7000; 
       } else { 
        return 4000; 
       } 
      } 
     }); 
     $("#menu select").change(function() { 
      window.location = $(this).find("option:selected").val(); 
     }); 
    }); 

는 처음에는이 기능이 슬라이드를 변경할 때마다 도망 생각했다. 나는이 anon 함수가 한 번 실행되고 완료되었음을 알게되었다. 이는 슬라이드가 display: block; 또는 display: none;이 아닌지 다시 확인하지 못함을 의미합니다. 어느 것이 나를 해야할지 궁금해합니다.

slides.js 페이지에서 설명서를 확인했지만 눈에 띄는 것이 아무것도없는 것을 보았습니다.

TLDC : slides.js를 사용하여 표시 시간을 가변 길이로 설정할 수 있습니까? 그리고 내가 그것을 사용할 수 없다면?

Answer 1

Slide.js를 사용하여 을 쉽게 사용할 수 없으므로 Do It Yourself Slider이라는 jQuery 슬라이더를 소개하겠습니다.

이 플러그인은 사용자가 실제로 필요에 맞게 슬라이더를 만드는 기초가됩니다.

이렇게하면 스스로 할 수 있기 때문에 원하는대로 할 수 있습니다. 플러그인에 제한되지 않습니다.

은 7 초 동안 지속되는 첫 번째 슬라이드는 다른 사람들이 사과 그래서 난 경우, 나는이 개인적으로 사용한 적이 4.

Answer 2

을 지속하는 동안 당신이 요구하는지 무엇을 위해 만든 demo에서보세요 꺼져.

here을 통해 보았을 때 play 기능은 "go"버튼이고 pause은 멈추는 것처럼 보입니다. 필요한 것은 처음의 play 이벤트뿐만 아니라 모든 애니메이션에서 실행되는 것입니다. 대신 animationStart을 시도하십시오.

$('#slides').slides({ 
     preload: true, 
     generateNextPrev: false, 
     play: 7000, 
     animationStart: function(){ 
      if($('#slides').childNodes[2].css('display', 'block')){ 
       $("#slides").slides({ slideSpeed: 7000 }); 
      } else { 
       $("#slides").slides({ slideSpeed: 4000 }); 
      } 
     } 

애니메이션이 실행되기 직전 (완벽하게 작동 함) 또는 애니메이션이 시작된 직후에 실행되는지는 확실하지 않습니다. 이후 인 경우 animationComplete을 사용하고 다음 슬라이드를 기반으로 시간을 설정하십시오.

다시 말하지만, 나는 이것에 눈먼 찌르기를하고 있습니다. 어떻게 보이나요?