Lightbox图像比lightbox本身大

Question

我有以下问题:我的LightBox (来自git的最新版本表现为最新的稳定)在火狐和Midori中显示正确，但在Chromium (V32，Debian测试)中图片比lightbox要大一点：

http://picload.org/image/laciaad/bildschirmfoto1.png

我有以下代码：

<script src="modernizr.custom.js">
</script>
<script src="jquery-1.10.2.min.js">
</script>
<script src="lightbox-2.6.min.js">
</script>
<link href="lightbox.css" rel="stylesheet" />

<a href="index.html">
  Back to index
</a>
<h1>
  My pictures
</h1>
<br />
<i>
  Some pictures from me.
</i>
<br />
<a href="images/mypics/IMG_5719.JPG" data-lightbox="mypics" title="Let's have a meal">
  <img src="thumbs/mypics/IMG_5719.JPG" alt="Let's have a meal" />
</a>
<a href="images/mypics/IMG_5719.JPG" data-lightbox="mypics" title="Let's have a meal">
  Test
</a>
<a href="images/mypics/IMG_5721.JPG" data-lightbox="mypics" title="A piece to eat">
  <img src="thumbs/mypics/IMG_5721.JPG" alt="A piece to eat" />
</a>
<a href="images/mypics/IMG_5721.JPG" data-lightbox="mypics" title="A piece to eat">
  Test
</a>
<a href="images/mypics/IMG_5724.JPG" data-lightbox="mypics" title="Window">
  <img src="thumbs/mypics/IMG_5724.JPG" alt="Window" />
</a>
<a href="images/mypics/IMG_5724.JPG" data-lightbox="mypics" title="Window">
  Test
</a>

所有文件都存在，没有404。

有谁知道怎么解决这个问题吗？

Answer 1

难道你不能直接编辑图片的宽度和高度来获得你需要的图片吗？

例如：

<a href="images/mypics/IMG_5724.JPG" data-lightbox="mypics" title="Window">
    <img src="thumbs/mypics/IMG_5724.JPG" width="XXX" height="XXX" alt="Window" />
</a>