1

我有几个我管理的网站，对于缩略图（可能包括灯箱或花式框），这些行基本上是：

<a href="http://www.site.com/images/this-would-be-the-picture-we-want-x-full-size.jpg"><img src="http://www.site.com/images/this-would-be-the-picture-we-want-x-full-size.jpg"" width=200></a>

虽然我在删除绝对路径（太多人重新发布页面）或缩短文件名（有很多图片）方面没有余地，但有没有办法使用 CSS 或 JQUERY 在点击时简单地调用完整大小而无需列出完整路径两次（一次在 A HREF 中，一次在 IMG SRC 中）

谢谢！

4

2 回答 2

1

使用 jQuery 很容易做到这一点 - 例如......

$('img').click(function(){

    window.location.href = $(this).attr('src');

});

然而，这只是模仿了链接行为——你应该看看你的灯箱代码是如何工作的，它可能使用<a>链接作为触发器，使用上面的方法可以绕过它。

如果您想以相反的方式执行此操作（仅保留链接），我可能会在页面加载时执行此类操作。

$(document).ready(function() {

    $('a').each(function(){

        $(this).append('<img src="'+$(this).attr('href')+'" width="200">');

    });

});

但是，这将解决<a>您页面上的每个链接，因此您可能希望使用一个类来触发此行为。

于 2013-06-21T22:02:16.233 回答
0

如果我现在理解它是如何工作的，并且如果srcandhref总是相等的，那么

$("img").click(function() {
    window.location.href = this.src;
)};
于 2013-06-21T22:02:51.563 回答