任务:在公司内部网站点上呈现一系列图像供用户查看。
我将一些javascript拼凑在一起以显示带有缩略图的图像列表,每个图像都可以点击并将您带到大图像,但是你必须回击以转到下一个图像,我会被问到提供一些下一个/上一个功能。我有掌握更好的技能,但这需要时间。
我希望有人建议采用快速简便的方法:或许是图书馆或方法。当前站点是ASP经典,但绝对不是必需的:它可能是ASP.Net,或者我所关心的所有PHP!
当前网站看起来像这样:
Current Scope
- Image 1 Title [thumbnail] (link)
- Image 2 Title [thumbnail] (link)
- Image 3 Title [thumbnail] (link)
Alternate Scope 1 (link)
Alternate Scope 2 (link)
Alternate Scope 3 (link)
单击其中一个备用范围链接会折叠旧的当前范围并查找并显示可用的图像,使其成为新的当前范围。
我正在考虑在顶部/左侧/底部有条带,其中包含范围内所有当前图像的缩略图。单击每个页面时,它应显示在页面的其余部分,然后可以单击上一个/下一个或单击下一个所需的图像。
最后,为了减少页面加载时间,我将通过调整所有内容来加载异步,并将预加载所有图像的大尺寸(但在单击另一个范围时停止)...
最后,虽然肯定不是一项要求,但由于某些图像非常大,所以将pan&缩放工具,而不是仅显示完整尺寸的图像或调整大小以适应屏幕(可能只有1024x768)。
有什么想法吗?
我不是要求任何人为我构建这个,只是希望有人知道一个库或html演示页面或一系列可能具有我正在寻找的功能的javascript片段。 This javascript pan & zoom example可能是一个好的开始......
答案 0 :(得分:1)
好像您正在寻找图片幻灯片?有单独的类别?你可以看一下:http://www.efectorelativo.net/laboratory/noobSlide/获得一些灵感。
我确定你不需要ASP或PHP。 JavaScript幻灯片脚本非常简单,您可以在几天内制作自己的自定义脚本。我刚刚开始使用类名为“img_slideshow”的图像来设计幻灯片。它可能不适合你的目的,但肯定很容易做到。