Javascript 显示在同一页面中加载的可单击缩略图

Javascript 显示在同一页面中加载的可单击缩略图,javascript,html,ajax,thumbnails,image-gallery,Javascript,Html,Ajax,Thumbnails,Image Gallery,任务:在企业内部网网站上向用户呈现一系列图像以供查看 我拼凑了一些javascript来显示带有缩略图的图像列表,每个图像都可以单击并将您带到大图像,但是您必须回击才能转到下一个图像,并且要求我提供一些下一个/上一个功能。我有能力做得更好,但那需要时间 我希望有人能推荐一种快速简便的方法:也许是一个库或一种方法。目前的网站是ASP经典,但这绝对不是必需的:它可以是ASP.Net,或php的所有我关心的 当前站点的外观如下所示: Current Scope - Image 1 Title [thu

任务:在企业内部网网站上向用户呈现一系列图像以供查看

我拼凑了一些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)
单击其中一个备用作用域链接可折叠旧的当前作用域,并查找和显示可用的图像,使其成为新的当前作用域

我正在考虑在顶部/左侧/底部放一条带,带上范围内所有当前图像的缩略图。单击每个图像时,它应显示在页面的其余部分,然后可以单击上一个/下一个或单击下一个所需图像

最后,为了减少页面加载时间,我将通过Ajaxification所有内容使加载异步化,并将预加载所有图像的大尺寸(但在单击另一个作用域时停止)

最后,虽然肯定不是一项要求,但由于某些图像非常大,因此最好使用平移和缩放工具,而不是仅以全尺寸显示图像或调整大小以适应屏幕(可能只有1024x768)

有什么想法吗


我不是要求任何人为我构建这个,只是希望有人知道一个库或html演示页面或一系列javascript片段可能具有我正在寻找的一些功能。这可能是一个很好的开始…

您似乎正在寻找图像幻灯片?有单独的类别吗?你可以看看这里:寻找一些灵感


我相信您不需要ASP或PHP。JavaScript幻灯片脚本制作非常简单,您可以在几天内定制一个。我不久前开始设计一个幻灯片,只需查找类名为“img_slideshow”的图像。它可能不适合您的目的,但制作起来肯定很简单。

为什么不在单击时将它们显示在灯箱中?Jquery图像库很时尚。即插即用@Claudiu-Lightbox。。。听起来不错。我听说过这些。你有一些代码或链接给我吗?那些链接太棒了!有很多选择。谢谢我想我不知道如何搜索我正在查找的内容。它确实需要是ASP,因为图像列表来自数据库,必须是动态的(实际上是患者数据查找)。它不仅仅是一个静态的图像列表或其他东西。