Галерея: Большие пальцы?

Question

Я использую Galleria и пытаюсь использовать только разделы большого пальца и лайтбокса, так что у меня нет большого изображения на странице. Я смотрю на cmotion как альтернативу, но не нравится, как он автоматически не корректирует размеры большого пальца, чтобы соответствовать изображению. Я надеялся, что могу добавить код, чтобы назвать большую часть галереи? Есть предположения? Благодаря

Answer 1

Сформированные дивы затрагиваемые вложены следующим образом:

<div class="galleria-container"> 
    <div class="galleria-stage"> 
    ...main image here... 
    </div> 
    <div class="galleria-thumbnails-container"> 
    ...thumbnails here... 
    </div> 
</div> 

.galleria-этап должен иметь надлежащую высоту или галерею изображений подведет, но вы можете остановить его не отображая с дисплеем: нет. Тем не менее, оба .galleria-stage и .galleria-thumbnails-container абсолютно расположены, чтобы сидеть один над другим, поэтому у вас все еще будет пустое место, где должно быть основное изображение.

css with! Important обеспечивает быстрое исправление, переписывая позиции так, чтобы они были выровнены сверху, один поверх другого.

.galleria-stage { display: none; } 
.galleria-stage, .galleria-thumbnails-container { 
height: 200px !important; //thumb height 
top: 0px !important; 
bottom: 0px !important; 
left: 0px !important; 
right: 0px !important; 
} 
.galleria-thumbnails-container { z-index: 2 !important; } 

Измените высоту на высоту вашего большого пальца и измените 0px, если вы хотите набивать вокруг своих изображений.