打开 <img src> 而不是 <a href> 灯箱效果

Question

这个可以改吗

<a href="http://google.com"><img src="/google.png" /></a>

进入工作灯箱效果？我想最终的结果应该是这样的

<a href="/google.png"><img src="/google.png" /></a>

当灯箱打开时，恢复到原来的状态：

<a href="http://google.com"><img src="/google.png" /></a>

这就是我现在拥有的..

$('a img').each(function() {
$('a').each(function() {
        $(this).attr('href','/google.png'); 
    });
});

当灯箱打开时它应该变成这样：

$('a img').each(function() {
$('a').each(function() {
        $(this).attr('href','http://google.com'); 
    });
});

如果您知道可以执行此操作的脚本，或者您可以提供帮助，我将不胜感激。提前致谢！

Answer 1

我认为你需要像 Fancybox 这样的东西。这是一个 JQuery 灯箱插件。 http://fancyapps.com/fancybox/