3

我目前正在为自己开发小型画廊网站，并显示我决定使用 LightBox v2 插件的每张图片。http://lokeshdhakar.com/projects/lightbox2/

但不幸的是，这并不像我想的那样简单。该插件有效，我的意思是，我可以在灯箱中显示图像（我有上一个/下一个按钮，这不是问题）但是每个图像的宽度都缩小了，我真的不明白为什么！

这里是它目前的样子的一个例子：http: //sdz-upload.s3.amazonaws.com/prod/upload/Capture%20d%E2%80%99e%CC%81cran%202013-07-08%20a %CC%80%2011.49.56.png

这里是我的代码：

<h2>Par Catégorie</h2>

<?php

$reqcategorie = db_query('SELECT * FROM photos');
    while($donneecategorie = $reqcategorie->fetch()) { 
        ?>
<a href="index.php?page=fiche&categorie=<?php echo $donneecategorie['categorie'];?>"><?php echo $donneecategorie['categorie'];?></a>

<?php

    }

?>

如果您已经使用过此插件并遇到此问题，请告诉我您是如何解决的。

PS：我使用的是 Twitter Bootstrap，两者之间有什么不兼容的地方吗？

4

1 回答 1

10

添加以下CSS规则：

.lb-image{
  max-width: inherit;
}

Bootstrap 将默认 img max-width 设置为 100%，并且由于某种原因灯箱停止调整大小。

- 解决方案通过https://github.com/kiballion通过电子邮件发送给我。信用到期的信用。

于 2013-07-09T00:27:30.933 回答