环球免税店：仅限拇指？

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 必须具有适当的高度，否则图片库会失败，但您可以使用display：none停止显示。但是， .galleria-stage 和 .galleria-thumbnails-container 绝对可以让一个坐在另一个上面，所以你仍然会有一个空的空间主要形象应该是。

带有！important的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。