javascript - 为自己优化的基本 jquery 滑块

Question

我使用来自http://www.basic-slider.com/的滑块制作新闻提要， 它看起来像下面的图像。现在我不想滑动图像并淡化文本。我不知道我会如何做到这一点，（如果你不明白我的意思，请查看网站。）有没有比我更有知识并且知道如何做到这一点的人？

Answer 1

您只需要更改激活 javascript 中的属性。默认是淡入淡出，所以在下面添加一个底部四个属性：

$('#banner-fade').bjqs({
 height      : 320,
 width       : 620,
 responsive  : true,
 animtype : 'slide', // accepts 'fade' or 'slide'
 animduration : 450, // how fast the animation are
 animspeed : 4000, // the delay between each slide
 automatic : true // automatic
});

....啊，对不起，我意识到这只是你问题的一半。你也想淡化文字...

编辑 --> 添加上述属性，然后转到 bjqs-1.3.js 的第 615 行，在函数内部添加以下行：

$('.bjqs-caption').fadeOut(settings.animduration);

然后在该函数最后的第 708 行添加以下行：

$('.bjqs-caption').fadeIn(settings.animduration);

然后，您必须对 bjqs-1.3.min.js 版本进行相同的更改。

当调用该函数时，所有标题都会淡出，幻灯片会发生，然后您将标题淡入。

（需要进一步测试！）