问题标签 [image-gallery]

我创建一个图片库只是为了好玩，以扩展我对 JQUERY 的介绍性知识。画廊有一堆缩略图，当点击它们时，将在图像查看器 div 的正下方显示一个大图像。此外，当缩略图处于活动状态（正在查看图像）时，缩略图会从 75 像素动画到 100 像素。

我通过将 id 插入所有图像，然后通过每个图像锚点传递它来手动工作。结构如下：

对所有缩略图重复此操作。当用户点击时，图像被加载到 <div id="image_viewer"></div>

我的问题是我想让我的画廊尽可能动态。我想知道用户点击了哪个链接，而不必为每个缩略图创建一个 id。

我可以通过使用它来获取链接的数量，$(".thumb_link").length;这会给我提供缩略图链接的数量。但是我怎么知道点击了哪一个以显示与该缩略图相关的图像？

示例：用户点击第三个缩略图，显示 Thumb 3 的大图。

加载图像功能：

我希望能够通过每个标签分配给它的类来加载图像，如下所示：

我需要知道单击的数组值，以便访问此信息。

--

我想这样做的原因之一是我可以找到特定的缩略图属性（图像 alt 标题 src 等）并将它们插入其他地方。

欢迎任何帮助！

我最近看到了一个很好的图片库悬停效果，我只是想知道是否有人知道重新创建这种效果的好方法。效果是当您将鼠标悬停在图像上时，图像淡出或 div 在图像上显示链接等时淡出。

它与此处找到的类似： http: //cssnack.com/和此处：http ://designsnack.com/

我在过去创建了类似的东西，但请记住在 IE 中遇到不透明度淡化问题。任何提示都将是很好的，甚至可以为获得类似效果的好教程提供指导。

提前感谢您的帮助。

如何删除图库图像中的中心锁定水平滚动？

我被要求将图像 d/b 查询的结果显示为coverflow-y 类型的水平滚动缩略图画廊（长边256px，每个c.25kb）。如果（可能）需要一个库，我将使用 jQuery。除了图像，图库可能还会显示一些标题（文本）数据。

问题是，用户的查询可能会在不知不觉中提取 000 条结果。延迟加载解决了一方面，但我几乎找不到延迟卸载，好像用户不断滚动图库项目只会增加数量，最终导致浏览器与数据量作斗争。我想我需要让画廊加载 10 个项目，显示前 5 个，然后延迟添加 X 个项目，然后对于我添加的每个项目，我删除第一个画廊项目。如果用户向下滚动，则需要延迟重新加载已删除的项目。

我认为这是其他人之前必须面临的问题——即使在显示环境略有不同的情况下。欢迎提供有关如何超越上述内容的指示。此外，在 WAN（网络）环境中，我是否忽略了其他性能问题（例如要保持加载的画廊项目的数量）？

澄清（响应答案＃1）。

也许“不显眼”的卸载可能是一个更好的术语。核心是（在 jQuery 上下文中）我如何/在哪里放置创建/销毁调用？

假设画廊是滚动的<ul>（可能是水平的，但我想应该允许垂直）<li>一次显示 N 个项目。查询记录集的偏移量（此处从零开始）可用于播种 id，例如<li id="x_12">，其中 12 是偏移量值。这应该允许代码知道要创建/删除哪个偏移量和项目。它还可以检测到达开始处（偏移量 0），而基于 AJAX 的加载可以结合消息机制来指示没有下一项（即记录集的上端）。

这个原理，我明白了。但是不太熟悉更复杂的 JavaScript 和 AJAX，我需要了解实际代码细节。我的假设是，如果基本概念有效，我很可能会添加到现有的基于 JQuery 的画廊中（没有必要在那里重新发明轮子）。

我在我的服务器上的一个文件夹中上传了一些图像，它们的路径存储在我的数据库中的一个表中。在浏览器（作为画廊）上显示此图像的最佳方式是什么？

我应该使用 jQuery 还是 CodeIgniter 可以完成这项工作？

替代文字 http://www.freeimagehosting.net/uploads/afde38dc9c.jpg

我需要这样的图片库。图像计数是动态的。当我向左导航时，img-3 将成为中心图像，img-3 内容应加载到 img-2content div 中。我需要一个脚本来做到这一点。提前致谢。

我创建了一个图像滑动库，当用户按下左/右箭头时，一个图像滑出，新图像滑入。效果很好。

所有相关的图像和描述都在我的 PHP 文件中。现在我想要一些新图像，我发现添加和修改这些内容花费的时间比预期的要长。

所以我决定删除所有图像标记并为图像创建一个 JSON 文件：

这是我用来检索数据并将其注入 DOM 的代码

它在文档准备好开始时运行 - 但现在滑动箭头不起作用，但不会产生错误。

我的猜测是，这将是因为内容是与滑块代码同时创建的。所以，他们看不到对方。

有没有办法解决这个问题（也许以滑块代码可以看到的方式运行 getJSON）？

好吧，jQuery 的图片库插件太多了，我需要一个可以显示三种尺寸的图片。一个基本的图片库插件通常会显示所有缩略图和一张大图。单击缩略图会显示所选图像的较大版本。在这个阶段之后我想要一些东西：单击更大的图像应该打开更大版本的图像 - 在模态叠加或其他东西中，理想情况下带有上一个/下一个按钮。我认为这个选项在一些现有的插件中可用，但我似乎找不到它。

在 WordPress 2.5 及更高版本中，有一个内置的图库功能，允许选择将图库添加到 WordPress 博客上的帖子或页面。（参考：http ://codex.wordpress.org/Gallery_Shortcode ）

您可以使用size选项来指定要显示的缩略图大小。有效值包括“thumbnail”、“medium”、“large”和“full”。默认为“缩略图”。“缩略图”、“中”和“大”的图像大小可以在 WordPress 管理面板中配置。

IE。[gallery size="medium"]

我的问题：我正在尝试破解 [gallery] 短代码，以便在输入时允许自定义尺寸——而不是尝试通过管理面板执行此操作。我想使用类似的东西，[gallery size="145x160"].

与其下载一个臃肿的插件，我宁愿使用已经存在的插件，而且我不确定我需要在文件结构中的哪个位置进行更改。我熟悉 PHP，但恐怕我会做出改变，然后当我更新 WP 的未来版本时，它会覆盖我已经启动的内容。
有人可以帮我解决这个问题吗？

非常感谢！

那里有很多静态网站生成器，但其中大多数似乎都是面向文本的（据我所知）。什么是最好的图片库静态网站生成器？

（注意：我意识到已经提出了这个问题的更一般形式。我认为这个问题足够不同，可以独立存在。）