Question

出于某种原因，我发现这个很麻烦...

基本上寻找一个jquery滑块插件（带有下一个和上一个按钮），其中内容可以是任何东西（div，文本，图像，组合等）。问题在于我会动态添加内容，例如，如果我有类似

的内容

<ul>
    <li> /* some divs, images, etc*/ </li>
    <li> /* some divs, images, etc*/ </li>
    <li> /* some divs, images, etc*/ </li>
</ul>

然后我可以通过javascript动态地将“

”标签添加到“”，这不会破坏滑块。

我目前正在使用easy slider，但它确实支持滑块的内容为“动态”

提前感谢。

Answer 1

试试这个

这是为下一个上一个

创建滑块的自定义方式

jQuery.fn.extend({
  slideRightShow: function(speed) {
    return this.each(function() {
        $(this).show('slide', {direction: 'right'}, +speed || 1000);
    });
  },
  slideLeftHide: function(speed) {
    return this.each(function() {
      $(this).hide('slide', {direction: 'left'}, +speed || 1000);
    });
  },
  slideRightHide: function(speed) {
    return this.each(function() {
      $(this).hide('slide', {direction: 'right'}, +speed || 1000);
    });
  },
  slideLeftShow: function(speed) {
    return this.each(function() {
      $(this).show('slide', {direction: 'left'}, +speed || 1000);
    });
  }
});

Try This Fiddle

jQuery动态div滑块

1 个答案: