Galleria: Только большие пальцы?

Question

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

Answer 1

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

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

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

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

.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, если вы хотите, чтобы отступы вокруг ваших изображений.