灯箱显示大图像

我有很多带有小图像的缩略图，当用户点击它们时，我想用纯Javascript打开不同的图像文件，而且我不想将地址在功能的调用中更大的形象：灯箱显示大图像

onclick="loadLightBox('www....')"

因为我认为这是不洁净的。

我想知道是否可以使用longdesc属性来提供图像位置，或者有另一种方法可以做到吗？理想的情况是用纯JS，而不是JQuery的，即使如果是这样的话，最好的方式，我会做它从无到有

来源

2012-02-18 Ryan Durrant

您还可以使用Custom Data Attributes in HTML5：
<img src="/img/thumbnail.jpg" data-big="/img/photo.jpg" />

来源

2012-02-18 22:36:46 sebbo2002

这是否会通为XHTML或具有XHTML死亡现在，我应该转向HTML5？ – 2012-02-18 22:54:50

好的，如果您使用XHTML，我也会使用longdesc属性。但也许你也可以通过替换某些东西来生成大图片的URL，例如'/ img/thumbnails/01.jpg' - >'/ img/photos/01.jpg' - 用'照片'替换'缩略图'缩略图的来源将为您提供照片网址。我更喜欢longdesc方法;） – sebbo2002 2012-02-18 23:06:21

另一件事，IE ...我有IE9，它不接受数据大...我只是这样做的两种方式。 – 2012-02-20 17:54:19

灯箱显示大图像

回答

相关问题