Question

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

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

这是一个当前如何的示例： 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，它们之间是否有任何不兼容性？

Answer 1

添加以下css规则：

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

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

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

LightBox v2缩小了框中的图像

1 个答案: