Javascript 单击时显示实际尺寸的图像

在这里发布之前，我测试了30多个Jquery图像插件，使我的图像在点击时显示全宽

HTML的结构如下所示：

<div class="whatever">
   <img id="noonecares" src="pff"></img>
</div>

而不是

<a href=".."><img ></img></a>

我不是说放大照片，而是在单击时显示整个图像 我正在寻找一个Jquery解决方案

我一直在研究的解决方案是：ZoomFuncy easyzoom ajaxzoom

谢谢大家

<div>
<img src="http://t1.gstatic.com/images?q=tbn:ANd9GcRvA_rqizvEgVJhJwLbpgMz7CgGwnjW5BlXHrBNzRwRXsq7O3Gi" />
</div>

?

jsfdle:

这是我的方法

<div class="whatever">
   <img id="noonecares" src="http://imagizer.imageshack.us/v2/100x75q90/21/0ss1.jpg"></img>
</div>

JSfiddle：

---

更新：如果你想要一个插件来放大全尺寸，那么你可以选择或。

如果你只是想要一个简单的内联图像扩展器，那么jQuery的toggleClass就是完美的选择。您可以使用CSS将图像缩小到固定大小，然后单击进行切换

---

你的意思是在一个新的浏览器窗口中，在一个响应性的像灯箱一样的弹出窗口中，我正在寻找一个在点击图像时进行缩放的插件，感谢这两个插件使用的html结构与我前面描述的不同

<div class="whatever">
   <img id="noonecares" src="http://imagizer.imageshack.us/v2/100x75q90/21/0ss1.jpg"></img>
</div>

$('.whatever').on('click','#noonecares', function(){
    window.open($(this).attr('src'));
});