任何人都可以帮我弄清楚为什么这个插件插件这样做？

Question

我正在使用jQuery和一个名为Galleriffic的插件在我正在开发的网站上显示一些图像和文本。我只调整了CSS（主要是大小和颜色）以适合我的页面，但由于某种原因，为您单击的下一个图像显示的文本显示在当前文本下方，然后当旧文本淡出时，它会向上滑动到顶部。

Here is a link to my dev page

此外，主图像不会出现在IE（8）中，兼容模式不会改变任何东西。缩略图，标题和说明均按预期显示和更改。在Galleriffic的示例页面中，IE功能很好。正如我上面提到的，我只调整了CSS的大小和颜色，所以这不应该影响图像这样吗？

先谢谢。

Answer 1

当您点击图库中的下一张图片时，插件会在当前显示的图片后面将新图片文字附加到div中。然后插件在当前的pic文本上启动淡出动画，最后将其从DOM中删除。

所以当前的一个正在淡出时，它会将新的一个保持在它下面，直到它消失，从而产生这种快照效果。

你想做的事情很简单不使用插件。如果您愿意，我会帮您编写此画廊效果的逻辑。

Answer 2

好的，实际上导致问题的是你在样式表中注释掉了使图像标题保持漂亮的部分：

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

所以改变这个我发现它使它工作似乎有意。但这会导致图像浮动到左侧的标题上方。我可以通过在div＃gallary上设置float：right来修复。

div#gallery { float: right; }

那么你可能只想玩尺寸和边距来让它看起来再好看。