Question

我有以下问题：我的LightBox（git的最新版本表现为最新版本）在Firefox和Midori中正确显示，但在Chromium（V32，Debian测试）中，图片比灯箱大一点：

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>

灯箱图像比灯箱本身大

1 个答案: