Google IO幻灯片模板 - 每张幻灯片上的Javascript

Question

这是我的第一个问题！我正在使用今年（2011年）用于Google IO演示文稿的Google幻灯片模板。

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

我想这样做是对每张幻灯片的基础运行JavaScript。这是从另一个幻灯片库中的代码，我想使用谷歌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滑动框架类似的东西？万分感谢！

Answer 1

在幻灯片定义中，您可以包含代码。

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

Answer 2

望着slides code，我注意到，它发出事件slideenter和slideleave。所以Bemmu的解决方案应该可行。您可能也可以做article.addEventListener('slideenter', function(){...}, false)或（.attachEvent IE）