需要jquery幻灯片的解决方案

Question

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

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

此外，应显示图像缩略图，以便当用户点击其中一个时，将加载该图像并从该图像继续幻灯片显示。如果我使用clearInterval，我必须从头开始。我更喜欢这个插件，因为它有一个Pause（）和Resume（）扩展名。

Answer 1

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

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

Answer 2

  

需要显示的图像实际上是从a中拉出来的   数据库

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

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

加载来源。