Javascript jQuery"；循环；导致内容不集中的插件，如何修复？

我正在尝试使用jQuery的“循环”插件(http://jquery.malsup.com/cycle/)要旋转位于

s中的推荐信。。。但是，该插件导致我的内容不居中。昨天早上这里有人指出，

元素被插件绝对定位：

$slides.css（{position:'absolute'，top:0，left:0}）。hide（）

我不知道JS，我还在研究我的HTML/CSS，所以我希望这里的人知道解决这个问题的方法，并能帮助我。如果不是，那么：/

我尝试添加

左：50%

，虽然它居中，但幻灯片被破坏，我所有的

同时出现

[编辑]

以下是HTML和CSS：

<div class="slideshow">
<span style="font-size:12px; color:#333333; font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;">Hi</span>
<span style="font-size:12px; color:#333333; font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;">Goodbye</span>
</div><br />

.slideshow {
width:940px;
height:64px;
text-align:center;
background-image:url(../images/quotes.png);
}

你好
再见


.幻灯片放映{
宽度：940px；
高度：64px；
文本对齐：居中；
背景图像：url（../images/quotes.png）；
}

独自一人，一切都按计划进行。然后我添加jQuery/Cycle插件：

// set position and zIndex on all the slides
    $slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) {
        var z;
        if (opts.backwards)
            z = first ? i <= first ? els.length + (i-first) : first-i : els.length-i;
        else
            z = first ? i >= first ? els.length - (i-first) : first-i : els.length-i;
        $(this).css('z-index', z)
    });

//在所有幻灯片上设置位置和zIndex
$slides.css（{position:'absolute'，top:0，left:0}）.hide（）.each（函数（i）{
var z；
如果（选择向后）
z=第一个？i=第一个？els.length-（i-first）：第一个-i:els.length-i；
$（this.css（'z-index'，z）
});

---

这就是把事情搞砸的原因。按照原样，

一次显示一个，并像预期的那样淡入淡出，但由于绝对定位，文本不再居中。所以我把

left:0

改成

left:50%

-哇！已解决问题的文本居中，但现在所有跨距都同时显示，并且没有淡入/淡出。

如果没有代码，这不容易调用，但我假设证明在某种类型的块元素中。如果将

位置：相对
应用于该元素，则绝对定位的
将包含在其中。您不应该将任何定位样式应用于跨度本身，而是将其留给插件

希望有帮助


编辑

好的，试试这个：

.slideshow {
    width:940px;
    height:64px;
    background-image:url(../images/quotes.png);
    position:relative;
    }

.slideshow span {
    display:block;
    }

您可能需要手动设置
的宽度，以便与
div.slideshow的宽度相匹配。我建议您发布更多的代码，这样我们就可以看到发生了什么。我按要求发布了更多。请告诉我如何解决此问题：）。不过，相对位置没有帮助，谢谢。我已经添加了实际的来源。。。也许你可以看看什么需要修理。天才！它起作用了，我必须设置宽度/高度以保持它居中，但它起作用了！谢谢：）