2013-07-08 24 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