需要jquery幻灯片的解决方案

Need solution for a jquery slideshow

本文关键字：解决方案 幻灯片 jquery 需要      更新时间：2023-09-26

我是一个jQuery新手用户，我需要一些帮助来实现一个网站的幻灯片。图像将在特定的间隔内自动更改(我知道setInterval)。我尝试使用这个插件CrossSlide。

但是，需要显示的图像实际上是从数据库中提取的，它们因清单而异。这个插件需要图像预先作为参数，这是不可能的。

还应该显示图像缩略图，这样当用户单击其中一个时，该图像将被加载，幻灯片应该从该图像继续。如果我使用clearInterval，我必须从头开始显示。我更喜欢这个插件，因为它有一个暂停()和恢复()扩展。

试试jquery循环插件，它有你需要的所有功能，你可以从这里试试

http://jquery.malsup.com/cycle/

需要显示的图像实际上是从数据库

听起来你在用ajax加载它们。在这种情况下，只需使用。ajax()加载图像然后在success函数中调用

$('#placeholder').crossSlide({
  sleep: 2,
  fade: 1
}, [
  { src: 'sand-castle.jpeg' },
  { src: 'sunflower.jpeg'   },
  { src: 'flip-flops.jpeg'  },
  { src: 'rubber-ring.jpeg' }
]);
相关文章：