LightBox v2 сжимает изображение в окне

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 по умолчанию макс-ширина установлен на 100%, а по каким-то причинам перестает Lightbox изменение размера.

- Решение, отправленное мне по электронной почте https://github.com/kiballion. Кредит, в котором должен быть предоставлен кредит.