2017-01-13 14 views
0

SlideJS를 실행하는 중입니다. 프리젠 테이션 및 동작의 일부 측면을 순서대로 처리하고 있습니다.SlidesJS에서 SlidesJS의 슬라이드를 자동으로 전환하려면 어떻게해야합니까?

내가 아직 관리하지 않은 한 가지 사실은 한 슬라이드에서 다음 슬라이드로 자동으로 슬라이드 또는 전환되도록하는 것입니다.

보고 된 오류가 발생하는 코드는 아래 닫는 중괄호 외에 마지막 줄에있는 SlideJS의 기본 플러그인 파일에 67 행입니다. 내 사본 https://cjshayward.com/wp-content/Slides-SlidesJS-3/source/jquery.slides.js에 있습니다 :

if (typeof TouchEvent !== "undefined") { 
    $.data(this, "touch", true); 
    this.options.effect.slide.speed = this.options.effect.slide.speed/2; 
    } 

가 할당을 주석, 내 호출에보고 된 오류를 억제하지만 코드가 단순히 기존 설정을 반으로 보이는이 라인보다 더 많은 정보를 할 수 있습니다 생각합니다.

this.options.effect.slide['qwerty'] = 'qwerty'; 

나는 시도했다 : 나는만큼이 같이있는 경우에, 나는 즉시보고 오류없이, 할당 할 수

this.options.effect['qwerty'] = 'qwerty'; 

하지만 (즉, 정의의 속성을 설정) 유사한 오류 구성 옵션의 수를 늘릴 수 있습니다. 슬라이드 사이를 이동하려면 클릭 할 수동 원을 볼 수 있지만 아직 자동 전환을 얻지 못했습니다 (플러그인이 슬라이드 또는 페이드 옵션을 지원하므로 '슬라이드'효과가 필요함). 내 선물 옵션 대상은 다음과 같습니다

보기 소스에서
<script>// <![CDATA[ 
    jQuery(function(){ 
     jQuery('#slides').slidesjs({ 
     slide: 
      { 
      speed: 200 
      }, 
     interval: 2000, 
     active: true, 
     auto: true, 
     effect: 'slide', 
     height: 528, 
     interval: 5000, 
     pauseOnHover: true, 
     restartDelay: 2500, 
     swap: false, 
     width: 940 
     }); 
    }); 
// ]]></script>

: http://www.slidesjs.com/, 여러 샘플 invocatiosn이 있습니다,하지만 난 slidejs.min.js의 포함 (URL에서 마지막으로로드 된 스크립트) 이후에 볼 수있는 유일한 호출은 다음과 같습니다

https://jsfiddle.net/5x2tqdsv/

01,235 - :

<script> 
    $(function() { 
     $('#slides').slidesjs({ 
     width: 940, 
     height: 350, 
     navigation: false 
     }); 
    }); 
    </script>

감사합니다,

+0

당신이 지금까지 작품의 jsFiddle을 할 수 있습니까입니까? –

+0

@TonyHensler 감사합니다. CSS는 언급하지 않았지만 https://jsfiddle.net/wub9dhah/에서 바이올린을 사용합니다. – JonathanHayward

+0

jsFiddle 코드에 여는 태그와 닫는 태그가 많이 없습니다. –

답변

1

은 보라 16,

당신은 당신의 HTML을 수정하고 또한 다음 줄을 제거해야합니다 : -

effect: 'slide', 
+0

고맙습니다. 나는 HTML을 정돈했다 (그리고 FWIW는 테이블을 DIV로 옮겨서 적절한 때에 CSS 관리를 받았다). 나는 숫자/CSS 구동 서클이 XYZ를 클릭하면 그곳에서 XYZ가 미끄러지지만 처음부터 2 번째에서 3 번째로 천이하지 않는다는 점에서 여전히 동일한 (부족한) 효과를 경험하고 있습니다. – JonathanHayward

+0

https://jsfiddle.net/5x2tqdsv/1/ –

+0

좋은 참고 사항을 살펴보십시오. 아래의 나의 대답을보십시오, 그러나 나는 나중에 당신의 바이올린을 다시 방문 할 것입니다. – JonathanHayward

0

두 가지 문제가 있었다.

하나는 HTML 수정이 필요하다는 것입니다. 데이터가 처음 Hijaxed (I되기 전에 모두 한 번에 표시 외에

$(function() { 
     $('#slides').slidesjs({ 
     width: 940, 
     height: 528, 
     play: { 
      active: true, 
      auto: true, 
      interval: 4000, 
      swap: true, 
      pauseOnHover: true, 
      restartDelay: 2500 
     } 
     }); 
    });

나는 현재, 내가 원하는 모든 것을 가지고 :

다른 하나는 http://www.slidesjs.com/examples/playing/에 소스가 어디 옵션, 평면 발표되고 있었다이었다 몇 가지 방법으로 해결할 수 있어야하며 내 관심사가 아닙니다.) HTML 문제 외에도, 내가 옵션/키 (play)를 가질 필요가있을 때 옵션을 지정하기 위해 플랫 사전을 사용하려고하는 또 다른 문제가있었습니다. 대부분의 다른 옵션이 표시되는 방식으로 숫자 또는 부울 값을 반환합니다.

업데이트 JSfiddle 지금에서 일하고 있어요는 https://jsfiddle.net/ydvtynjL/