jQuery“流畅”幻灯片

我正在使用jQuery滑动一些随机文本。当将鼠标放在图像上时，将显示此文本，但触发幻灯片的图像与此文本不匹配-在我的示例中是“加图像”。让我解释一下这个例子：

我希望它是这样的，加上幻灯片时的文字：

我的代码：

<div style="">
    <a href="java script:void(0)"><img style="float:left;" id="dodaj_obrazek_4" src="imgs/add.png" onmouseover="wys_obrazek(4)"></a>
    <div style="float: left; display: none;" id="dodaj_obr_4">
        <a onmouseout="sch_obrazek(4)" style="color:#414040;" href="java script:void(0)">Dodaj obrazek</a>
    </div>
</div>

---

原因是JQuery正在按顺序设置它们的动画一个选项是像这样包装所有组件：

    <div style="width:500px; overflow:hidden;">
    <div id="dodaj_obrazek_wrap_4">
       <a href="java script:void(0)"><img style="float:left;" id="dodaj_obrazek_4" src="imgs/add.png"></a>
       <div style="float: left;" id="dodaj_obr_4">
          <a style="color:#414040;" href="java script:void(0)">Dodaj obrazek</a>
      </div>
   </div>
</div>​

例如，请参见

更新

---

我找不到在隐藏/显示中使用幻灯片的参考，所以我自己添加了一个。

那么有什么问题吗？将它们向右浮动，而不是向左。将它们向右浮动不起作用，我希望图像位于文本的左侧。问题是-我应该在代码中做些什么改变才能使它像这样工作：将它们向右浮动，但将图像和文本交换为圆形。我交换了它，结果什么也没发生：好的，但有一个问题-外观图像可见，文本不可见-您将它们都放入dodaj_obrazek_wrap_xx中-因此它可见，然后用wys_obrazek触发它，条件是：如果$'dodaj_obrazek_wrap'+liczba.is'：hidden'{始终为false。当我删除此条件时，脚本仍然无法工作。@WojtekWątor我在“显示/隐藏”属性中找不到幻灯片，因此我提供了一个不同的幻灯片。请查看我提供的小提琴作为示例

    <div style="width:500px; overflow:hidden;">
    <div id="dodaj_obrazek_wrap_4">
       <a href="java script:void(0)"><img style="float:left;" id="dodaj_obrazek_4" src="imgs/add.png"></a>
       <div style="float: left;" id="dodaj_obr_4">
          <a style="color:#414040;" href="java script:void(0)">Dodaj obrazek</a>
      </div>
   </div>
</div>​

function wys_obrazek(liczba) {
    var item = $('#dodaj_obrazek_wrap_' + liczba);
    if (item.is(':hidden')) {
        item.animate({
      marginLeft: parseInt( item.css('marginLeft'),10) == 0 ?
            item.outerWidth() : 0 });
    }
}

function sch_obrazek(liczba) {
    var item = $('#dodaj_obrazek_wrap_' + liczba);
    if (item.is(':visible')) {
       item.animate({
      marginLeft: parseInt( item.css('marginLeft'),10) == 0 ?
        item.outerWidth() : 0
    });
    }
}