html 有人能帮我弄清楚为什么这个图库插件是这样的行为吗?

wvmv3b1j  于 2022-12-25  发布在  其他
关注(0)|答案(2)|浏览(143)

我正在使用jQuery和一个名为Galleriffic的插件来显示我正在开发的网站上的一些图像和文本。我只是调整了CSS(主要是大小和颜色)以适应我的页面,但由于某种原因,显示的下一个图像的文本出现在当前文本的下面,然后当旧文本褪色时,它会滑到顶部。
Here is a link to my dev page.
此外,主图像不会出现在IE(8)中,兼容模式不会改变任何东西。缩略图,标题和描述都出现并按预期变化。在Gallerific的示例页面中,IE功能正常。正如我上面提到的,我只调整了CSS的大小和颜色,所以这应该不会影响图像的这种方式,对吗?

0yycz8jy

0yycz8jy1#

好吧,实际上造成这个问题的原因是你注解掉了样式表中的一个部分,这个部分使图像标题有点浮在顶部:

span.image-caption {
    display: block;
    /*position: absolute;
    width: 100px;
    top: 0;
    left: 0;*/
}

所以我发现把这个改回去会让它像预期的那样工作。但是这会导致图像浮在左边的标题上。我会通过设置float来修复这个问题:就在百货商店旁边。
第一个月
然后,你可能会想只玩的大小和利润,使它看起来不错了。

ui7jx7zq

ui7jx7zq2#

当你点击图库中的下一张图片时,插件会将新的图片文本添加到当前显示的图片文本之后的div中,然后在当前图片文本上启动淡出动画,最后将其从DOM中删除。
因此,当当前的一个淡出时,它会将新的一个保持在它下面,直到它消失,从而产生捕捉效果。
你想做的事情很简单,不用插件。如果你愿意,我可以帮你写这个画廊效果的逻辑。

相关问题