2010-12-21 53 views
0

我试图在jQuery中重新创建一个效果,其中一个元素(<li> <img>)将被循环并且在盘旋时具有淡化效果。 '<li>'包含'<img>'(图片截图)。当鼠标位于元素的顶部时,它将继续循环所有'<ul>'中的渐变效果。当鼠标离开时,它将停止循环列表。我也想添加一个可以导航到列表的寻呼机。jQuery淡入淡出元素并在鼠标悬停时循环它

我的现有代码: link text

我的问题:当前的代码有一些问题与分页,它补充说,可以在代码中看到的所有图像。而不是只有1-8,它继续增加另一个1-8。 第二个问题是,它也会在页面加载时启动循环和褪色。只有在鼠标位于元素顶部时,才能进行骑行和褪色。

我不知道这种方法是否真的需要'循环插件'(Plugin Home Page),我不希望它尽可能小。我只是使用“循环插件”,因为这是对我的问题的快速回答。

感谢和快乐的圣诞节!


编辑

捞出增加了一个链接

+0

1)**删除**色情链接。 2)链接到您使用的插件的主页http://jquery.malsup.com/cycle/ – subhaze 2010-12-21 05:56:01

+0

好的。感谢子哈哈。我为链接道歉,我只希望他们明白我的意思。 – Pennf0lio 2010-12-21 06:06:26

+0

谢谢...我经常在这个网站上工作很多。我需要的最后一件事是无意中点击一个色情网站,因此... – subhaze 2010-12-21 06:37:16

回答

1

我可能是错的,我不熟悉这个插件,但它似乎像你需要一个ID为每个幻灯片你有代替像你一样使用类。

我已经设置了一个JSFiddle与您的代码并调整它。以下是每个幻灯片应如何运作。在鼠标悬停时

  1. 启动和停止鼠标在导航时,导航点击

我给你的意见,你的问题的链接

  • 变化的鼠标悬停出
  • 变化应引导您查看该插件的可用选项。如果你错过了,在这里:plugin options

  • +0

    谢谢你! #screenshot1是我实际看到的..但我不能使用ID作为选择器,因为ID和类将由wordpress('#post-1,#post-2 ....'和''动态生成。条目')。嗯..我不知道是否有另一种方式与插件.. – Pennf0lio 2010-12-21 07:36:53

    +0

    @ Pennf0lio:好吧,我看到的条目,每个有一个独特的'ID'。你应该能够采取这个角度,并将插件应用于每个插件。检查此示例以查看http://jsfiddle.net/subhaze/8Z9kg/5/ – subhaze 2010-12-21 14:37:10

    +0

    我正在寻找另一种方法来创建循环来定位递增ID。我没有意识到可以这样做。感谢您帮助我完成Subhaze!非常感谢。你真棒。 – Pennf0lio 2010-12-21 15:56:10