2011-05-12 2 views
2

이 첫 번째 질문! 올해 (2011) Google IO 프리젠 테이션에 사용 된 Google 슬라이드 템플릿으로 놀고 있습니다. 내가하고 싶은 무엇Google IO 슬라이드 템플릿 - 각 슬라이드의 자바 스크립트

http://code.google.com/p/io-2011-slides/

슬라이드별로 자바 스크립트가 실행됩니다. 이것은 내가 구글 IO 템플릿을 사용하여 다시하고 싶은 다른 슬라이드 쇼 라이브러리에서 코드입니다

//You can trigger Javascript based on the slide number like this: 
$('html').bind('slide', function(e, id) { 
    switch(id) { 
    case 2: 
     console.log('This is the second slide.');; 
     break; 
    case 3: 
     console.log('Hello, third slide.'); 
     break; 
    } 
}); 

사람이 구글 IO 슬라이드 프레임 워크와 비슷한 할 수있는 방법을 제안 할 수 있습니까? 엄청 고마워!

답변

2

슬라이드 정의에서 코드를 포함 할 수 있습니다. slides code 보면

<article onslideenter="console.log('This is the second slide.');"> 
... 
+0

신속한 답장을 보내 주셔서 감사합니다. 불행히도, 이것은 나를 위해 작동하지 않았다. – Mybbor

+0

순수 JS 코드 대신 함수를 사용하면 어떨까요? – Detect

+0

그것은 나를 위해 일했다. 문맥에서 보는 것을 돕는 경우에있는 http://pastebin.com/5DGG9rG6 나를 위해 일한 샘플 코드가있는 슬라이드 데크의 전체 붙여 넣기는 다음과 같습니다 – Bemmu

0

, 나는 이벤트를 slideenterslideleave을 방출 것으로 나타났습니다. 그래서 Bemmu의 해결책이 효과가있다. article.addEventListener('slideenter', function(){...}, false) 또는 (IE의 경우 .attachEvent)

관련 문제