Bootstrap 3 Image Gallery БЕЗ картинок-иконок ищу...

[mstdmstd]

Всем привет,

Подскажите пожалуйста хорошую и удобную Bootstrap 3 Image Gallery которая бы работала БЕЗ картинок-иконок

Я погуглив - в основном такие либы требуют картинок-иконок или как эта

https://github.com/blueimp/Bootstrap-Image-Gallery/blob/master/README.md#demo
где в доке написано

Цитата

Create a list of links to image files, optionally with enclosed thumbnails and add them to the body of your webpage, before including the Gallery script:

 

Но я попробовал без иконок - не работает...

 

    Спасибо !

[klierik]

У Bootstrap есть только одна галерея — http://getbootstrap.com/javascript/#carousel

В твоём случае тебе нужен, на пример, http://kenwheeler.github.io/slick/

[mstdmstd]

 

Спасибо, эта галерея подошла
Еще вопрос :
Я динамически подгружаю список картинок в диалог(чтобы кроме картинок вывести еще полезную инфу), вроде :
 

        function showHostelImages() {
            var HRef = "{{ base_url }}main/get_images_carousel/type/hostel/id/" + encodeURIComponent(current_hostel_id);
            $.getJSON(HRef, function (data) {
                if (data.ErrorCode == 0) {
                    $("#div_carousel_container").html(data.html); // Код картинок
                    $("#images_carousel_label").html(data.title);
                    $('.carousel').carousel(  )
                    $('#div_images_carousel').modal({  // Див диалога
                        keyboard: false
                    })
                }
            });

        }

И в общем все работает,  за исключением того, что картинки имеют разный размер и прокручивая карусель влево/вправо
окно диалога меняет размер что выглядит некрасиво. Как это исправить?
1) Можно наверно предварительно пробежать по списку картинок и получить размер самой большой картинки и установить эти размеры для диалога
2) Возможно ли еще как-то, например, установив  бекграунд картинку большого размера для всех картинок ?

Edited May 16, 2016 by mstdmstd

[klierik]

1) грузить с сервера картинки одинакового размера
2) выставить блокам высоту по самой большой картинки, потом применить слайдер