Jquery Flexslider具有滑动效果

时间:2017-03-17 05:45:09

标签: javascript jquery

jQuery(document).ready(function ($) {

            $('.flexslider.wsc_banner4519').each(function () {
                var _this = this;
                $('.slides > li', this).hide();
                $(this).flexslider($.extend({}, {
                    animation: 'fade',
                    slideshow: false,
                    slideshowSpeed: 7000,
					pagination:true,
					directionNav:false,
                    animationDuration: 600
                 }, {
                    before: function (slider) {
                        var descs = $(_this).next('.descriptions').find('article');
                        if (slider.animatingTo != slider.currentSlide && descs.length >= slider.slides.length) {
                            descs.filter(':visible').fadeOut(slider.vars.animationDuration / 2, function () {
                                descs.eq(slider.animatingTo).fadeIn(slider.vars.animationDuration / 2);
                            });
                        }
                    }
                })).hover(function () {
                    $('.flex-direction-nav', this).stop(true).fadeTo(100, 1);
                }, function () {
                  $('.flex-direction-nav', this).stop(true).fadeTo(100, 0);
                  });
            });


        });

我正在使用flexslider(转换为双滑块)。这两个都有淡出效果。 我希望图像淡出,文字可以滑动。

http://demo2.websitescreative.com/responsive/Features/sliderwithtext.aspx

就像我做过的这个演示一样。我想把它改成我上面描述的效果。 请帮助。

0 个答案:

没有答案