jquery - onclick：显示图像答案

【问题标题】：jquery - onclick : show the imagejquery - onclick：显示图像
【发布时间】：2012-01-26 00:24:14
【问题描述】：

当我点击图片的缩略图时，我想全屏显示它。

图像使用 IMG 标记进行硬编码并具有 .imagethumb

类

图像显示为缩略图，当我单击缩略图时，它应该显示在一个名为 #preview 的 div 中，在 #preview 内部我有一个 IMG 标签来显示点击图片全屏显示。

如何在 jquery 中实现它？

【问题讨论】：

【解决方案1】：

这应该可以解决问题：

$('.imagethumb').click(function()
{
    $('#preview').find('img').attr('src', $(this).attr('src'));
});

一旦单击任何具有.imagethumb 类的缩略图，您的#preview div 中img 元素的src 属性就会设置为（单击的）缩略图的src 元素。

【讨论】：

【解决方案2】：

你应该试试 Simplemodal 或 Fancybox。

【讨论】：

我想通过编写简单的 jquery 来尝试。由于我是初学者，我想尝试自己的。请帮帮我
我已经完成了我的画廊布局设计，并且基本的 jquery 功能（例如单击和淡入淡出事件）工作正常。现在我想水平创建一个缩略图幻灯片，到目前为止我有 5 个硬编码图像，当我点击缩略图时，它会显示放大的图像。在加载时查看img815.imageshack.us/img815/76/36picture1.png 我只想显示 5 张图像，当我单击下一个按钮时，它应该显示接下来的 5 张图像。请指导我实现它。我有具有 #next 和 #prev id 的下一个和上一个按钮
我建议您将此作为一个新问题发布，以便让更多人看到。如果您包含您进行的任何研究工作，这也会有所帮助。