Drupal 幻灯片在网格布局中呈现 0x0
Drupal Slideshow rendering 0x0 in grid layout
我在许多 D8 网站上使用过视图幻灯片模块,但以前从未遇到过这个特殊的问题。 this site,首页启动画面中的幻灯片视图以正确的大小短暂呈现,但在页面加载后不久立即将大小(每个 <img>
)调整为 0x0(向我表明这可能是由于通过模块中某处的 JS 脚本。)
我已经深入研究了各种模块文件夹,但到目前为止我还无法确定这种行为的来源。我怀疑这可能与幻灯片位于灵活 CSS 网格的一个窗格中这一事实有关,因为我知道幻灯片在页面加载时做了一些类似于计算每个图像的渲染大小的事情出现在屏幕上,这可能会把事情搞砸。另一个幻灯片位于该网格外同一页面的下方,并且完全按预期工作。
如果能帮助调查这种奇怪的消失行为,我们将不胜感激!
当视图幻灯片放映时它是 javascript,它需要包含 div 来设置一些尺寸。
尝试添加它,以便 sideshow 的大小包含 div(这是网格项):
.block-views-blockslideshow-header-block-1 {
width: 100%;
height: 100%;
top: 0px;
position: relative;
overflow: hidden;
}
我在许多 D8 网站上使用过视图幻灯片模块,但以前从未遇到过这个特殊的问题。 this site,首页启动画面中的幻灯片视图以正确的大小短暂呈现,但在页面加载后不久立即将大小(每个 <img>
)调整为 0x0(向我表明这可能是由于通过模块中某处的 JS 脚本。)
我已经深入研究了各种模块文件夹,但到目前为止我还无法确定这种行为的来源。我怀疑这可能与幻灯片位于灵活 CSS 网格的一个窗格中这一事实有关,因为我知道幻灯片在页面加载时做了一些类似于计算每个图像的渲染大小的事情出现在屏幕上,这可能会把事情搞砸。另一个幻灯片位于该网格外同一页面的下方,并且完全按预期工作。
如果能帮助调查这种奇怪的消失行为,我们将不胜感激!
当视图幻灯片放映时它是 javascript,它需要包含 div 来设置一些尺寸。
尝试添加它,以便 sideshow 的大小包含 div(这是网格项):
.block-views-blockslideshow-header-block-1 {
width: 100%;
height: 100%;
top: 0px;
position: relative;
overflow: hidden;
}