任务:在企业内部网网站上向用户展示一系列图像以供查看。
我拼凑了一些 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)
单击备用范围链接之一将折叠旧的当前范围并查找并显示可用的图像,使其成为新的当前范围。
我正在考虑在顶部/左侧/底部设置一条带,其中包含范围内所有当前图像的缩略图。单击每个图像时,它应显示在页面的其余部分,然后可以单击上一个/下一个或单击下一个所需的图像。
最后,为了减少页面加载时间,我将通过 ajaxifying 一切来使加载异步,并将预加载所有图像的大尺寸(但在单击另一个范围时停止)......
最后,虽然肯定不是必需的,但由于某些图像非常大,因此最好使用平移和缩放工具,而不是仅以全尺寸显示图像或调整大小以适应屏幕(可能只有 1024x768)。
有什么想法吗?
我不是要求任何人为我构建这个,只是希望有人知道可能具有我正在寻找的某些功能的库或 html 演示页面或一系列 javascript 片段。这个 javascript 平移和缩放示例可能是一个好的开始......