打开<img src=""/>而不是<a href=""> lightbox effect</a>

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/