Question

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

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

我想要做的是在每张幻灯片的基础上运行Javascript。这是我想要使用Google IO模板重新创建的另一个SlideShow库中的代码：

//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;
  }
});

有人可以建议使用Google 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）

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

2 个答案: