如何复制HTML5Rocks.com的演示文稿功能?

时间:2010-07-09 22:02:41

标签: jquery user-interface html5

当你转到http://slides.html5rocks.com/时,你可以看到整个演示文稿(前面和下一张幻灯片从侧面偷看 - 所有这些都是相对于用户的屏幕尺寸而言)。

如何使用jQuery + HTML5执行此操作?我只想拥有一堆可以像这样循环的图像(想象一个照片库)。当您在当前图像上时,您会看到从侧面偷看的上一张和下一张图像。还允许用户使用键盘转到下一张/上一张幻灯片。

使用相同的命令(ctrl / command +'+ / - ')进行缩放也可以调整它。

1 个答案:

答案 0 :(得分:1)

我对jQuery UI Tools的简单性/强大功能印象深刻 -

http://flowplayer.org/tools/demos/scrollable/gallery.html

他们几乎可以做你想做的一切(如果工具包中没有某种方法来执行关键命令,我会感到惊讶 - 如果没有,请使用它:http://code.google.com/p/js-hotkeys/