html - 单击时如何使缩略图 <image> 显示全尺寸图像?

标签 html image tags

通常你有一个图像标记,其中 src 作为图像的来源,alt 作为替代文本:

<img src="image1.gif" alt="Image 1" />

你能有类似的东西吗?

<img src="image1.gif" alt="image2.gif" />

所以这意味着 src 有一个图像源并且 alt 也有一个图像源。

我想做的是使用 flickr api 从 flickr 中提取 2 张图像(一个拇指图像和一个正常大小的图像),当用户点击拇指时,将显示正常大小的图像。

我试过这样的:

<a href="image2.gif" ><img src="image1.gif"/></a>

...但我得到默认值 ' not found ' 图像作为缩略图(即使图像确实存在)。

我正在使用 JQuery/Javascript。

我们欢迎并感谢任何帮助、建议甚至替代方案。

谢谢


感谢山姆的回复,

我不喜欢灯箱,因为我觉得它太慢而且花哨。

但我喜欢geowa4的想法。

但是,请保持你的答案...

谢谢

最佳答案

<a href="image2.gif" ><img src="image1.gif"/></a>

技术一直对我有用。我在我的 super 碗日记中使用它效果很好,但我发现我使用的脚本有问题。修复它们后,我将在 URL 中进行编辑。

关于html - 单击时如何使缩略图 <image> 显示全尺寸图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/467927/

相关文章:

HTML:如何使只读文本区域在 iOS 设备中可复制

javascript - 通过 For 循环选择和添加函数到 Div

html - eBay HTML 和 CSS 不显示边框

javascript - 内容滚动条的解决方法是什么

tags - SQL 查询 : Selecting a row if it has all related options in a related table

html - 3 图像布局 - 中心图像更大和更高的 z-index

android - 自升级到 Android 7 后,将图像保存到图库无法正常工作

android - res文件夹中的可绘制文件夹?

html - 删除 sed 或类似工具中的 html 标签

php - 如何实现词性 (POS) 标注器