2013-07-08 21 views
3

我目前正在为自己制作小型图库网站并显示每个图像,我决定使用LightBox v2插件。 http://lokeshdhakar.com/projects/lightbox2/LightBox v2缩小框中的图像

但不幸的是,这并不简单,因为我想。插件的工作原理,我的意思是,我可以在灯箱中显示图像(我有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,两者之间是否存在任何不兼容?

回答

10

添加下面的CSS规则:

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

引导具有默认IMG最大宽度设置为100%,由于某种原因停止灯箱调整。

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

+0

与基金会3有同样的问题。工作就像一个魅力 - 谢谢! –

+0

这对我来说不起作用,因为容器的宽度总是固定的。我没有加载引导程序或基础框架。我必须将图像容器'.lb-outerContainer'的'width'设置为auto,才能工作。 – MEM