如何从HTML5（或至少“基于浏览器”）电子阅读器开始

Question

我要开发一个基于网络的报纸电子阅读器。我环顾互联网寻找好的教程，但并没有找到我想要的东西。我已经缩减了我（以及其他所有人）的期望，从而有了一个很好的切入点： 我想要的（首先）是一个图像查看器，以大拇指的形式显示所有图像/新闻页面和所选页面。应该可以通过拇指和下一个/上一个按钮进行导航。 请给出一个主意我在下面附上草图。

我发现的最好的东西是Apple的HTML5-Sample "Photo Gallery"，遗憾的是它只适用于webkit浏览器。

任何有关良好示例代码/教程的想法都可以从

开始

Answer 1

如果这将成为您稍后会支持的代码 - 那么如果我是你，我会写自己的代码。

我以前做过这个任务，但不能分享，因为它是私人的。

注意下一个问题，你可能会遇到

1. 图片显示在画布

2. 放大/缩小画布

3. 预加载图片/页面/资源以获得更好的性能，但不会过度使用内存

4. 在不使用旧节点后删除它们

5. 如果其中一个目标浏览器是IE - 请特别注意它，因为它可能变成地狱。 IE6默认使用接近neightbour插值 - 它使文本不可读。

可能它没有直接回答你的问题，但可能会给出低级别问题集的愿景。

Answer 2

这应该相对容易，几乎任何jQuery / Javascript幻灯片教程在线都可以根据您的需要进行调整。您的电子阅读器页面是文本/图像，还是普通图像？

Answer 3

您可以在自己的设计中找到许多“幻灯片放映”和“照片库”示例。只需google css image gallery slideshow，您就会找到符合您需求的产品。

照片库的漂亮示例是http://flash-gallery.com/art-flash-gallery/

如果你使用http://www.shadowbox-js.com/，你可以滚动翻阅一组网页，而不仅仅是图像。

Answer 4

访问http://www.ted.com/talks/mike_matas.html了解一些不错的想法