对于Jquery插件，使用span而不是锚定，并获得相同的结果

我使用Jquery插件作为在我的站点上显示图像的灯箱，当用户单击缩略图时，图像显示在覆盖DIV中

默认情况下，PretTo使用锚定链接（

你想要：

 <span data-source="original-image.jpg"><img src="thumb.jpg /></span>

可以下载原始文件非压缩Jquery插件

另一个可能不错的选择是保留anchoe，但使用

href=“#”

并将原始图像URL放在另一个属性中，如“数据源”，然后从那里读取。这是一个更好的选择

---

谢谢

尝试更改插件中的此行

pp_images = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return $(n).attr('href'); }) : $.makeArray($(this).attr('href'));

到

编辑：和

set_position = jQuery.inArray($(this).attr('href'), pp_images); // Define where in the array the clicked item is positionned

到

---

它会触发lightbox，但它会显示没有图像的ajax加载程序。您的正确率为90%，只需在此处更改它：set_position=jQuery.inArray（$（this）.attr（'data-source'），pp_images）；（第160行）-更新答案。@devnull69我正在尝试使用PrettyTo。当lightbox启动时，您知道如何阻止正文上的滚动吗？以及更改lightbox的大小（即，不限于屏幕大小？），我正在尝试获得pinterest样式的功能。

pp_images = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return $(n).attr('data-source'); }) : $.makeArray($(this).attr('data-source'));

set_position = jQuery.inArray($(this).attr('href'), pp_images); // Define where in the array the clicked item is positionned

set_position = jQuery.inArray($(this).attr('data-source'), pp_images); // Define where in the array the clicked item is positionned