对一个幻灯插件来说, jQuery Tools 的 Tabs 包含的 .slideshow() 非常友好,只是配置起来容易犯晕。
比如,官方 API 指南上说加上 autoplay: true 即可让幻灯自动播放,所以想当然地就写:
$(".slidetabs").tabs(".images > div", { effect: 'fade', fadeOutSpeed: "slow", autoplay: true, rotate: true, interval: 50, clickable: false }).slideshow();
但其实不然,因为 jQuery Tools 的插件包含关系是这样的:jQuery > jQuery Tools > Tabs > Slideshow,比如 effect, fadeOutSpeed 这些参数都是属于 Tabs 插件的,而 autoplay, interval, clickable 则是 Slideshow 的,所以要写成这个样子:
$(".slidetabs").tabs(".images > div", { effect: 'fade', fadeOutSpeed: "slow", rotate: true }).slideshow({ autoplay: true, interval: 5000, clickable: false });