небольшой проект с HTML CSS начальной загрузки (лайтбокс)

Question

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    <script src="js/bootstrap.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> 
 
    <script src="js/main.js"></script> 
 
    <script src="js/ekko-lightbox.js"></script> 
 
    <script src="js/bootstrap.js"></script> 
 
    <script> 
 
    $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) { 
 
    event.preventDefault(); 
 
    $(this).ekkoLightbox(); 
 
}); 
 
    $(function() { 
 
    $('[data-hover="tooltip"]').tooltip() 
 
}) 
 
    </script>

Привет всем я делаю небольшой проект с начальной загрузки (лайтбокс) и я хочу, чтобы мои картины когда я нажимаю на него, чтобы быть на том же размер даже у всех разных размеров. здесь ниже HTML & код CSS спасибо ...

.photos{ 
 
\t margin: 0; 
 
\t padding: 0; 
 
} 
 

 
.photos li{ 
 
\t list-style: none; 
 
\t float: left; 
 
\t margin: 5px; 
 
\t width: 23%; 
 
} 
 

 
.photos img{ 
 
\t width: 100%; 
 
}

<section> 
 
    <section id="clients" class="content-section text-center"> 
 
     <div class="container"> 
 
     <h2>My gallery</h2> 
 
      <ul class="photos gallery-parent"> 
 
<li><a href="img/intro-bggg.jpg" data-title="Baha’i Gardens" data-footer="Hanging Baha’i Gardens and Golden Dome (Haifa)" data-toggle="lightbox" data-gallery="My gallery" data-parent=".gallery-parent"data-hover="tooltip" data-placement="top" title="Baha’i Gardens" ><img src="img/intro-bggg.jpg" class="img-thumbnail"></a></li> 
 

 
<li><a href="img/bahais sad.jpg" data-title="bahais sad" data-footer="bahais sad" data-toggle="lightbox" data-gallery="My gallery" data-parent=".gallery-parent" data-hover="tooltip" data-placement="top" title="bahais sad" ><img src="img/bahais sad.jpg" class="img-thumbnail"></a></li> 
 
      </ul> 
 
    </div> 
 
</section>

Answer 1

Вы пробовали указать фиксированную ширину изображения с помощью CSS? Метка должна была выбрать изображение, которое вы открыли. Пример:

Адрес: http://www.jasonbutz.info/bootstrap-lightbox/

#demoLightbox img { 
width: 500px ; 
}