как убрать анимацию в этом коде?

Тема в разделе "JavaScript", создана пользователем SPoX, 20 сен 2015.

Модераторы: ZiX
  1. SPoX

    SPoX

    Регистр.:
    19 апр 2014
    Сообщения:
    175
    Симпатии:
    24
    привет всем
    это код от моего слайдера


    как вы видите когда открывается слайд есть функция fadein а я бы хотел чтобы сразу показывало текст на слайде без анимации

    как можьно сделать? за ранее спасибо

    надеюсь хорошо объяснил

    Код:
    $(function() {
        $("ul.cslider_pict li img").wrap('<b></b>');
        $("ul.cslider_thumbs").empty();
        $("ul.cslider_pict li").each(function() {
            var linkText = $(this).find('b').html();
            $("ul.cslider_thumbs").append('<li><a href="javascript:">' + linkText + '</a></li>')
        })
    });
    (function($) {
        $.fn.featureList = function(options) {
            var tabs = $(this);
            var output = $(options.output);
            new jQuery.featureList(tabs, output, options);
            return this
        };
        $.featureList = function(tabs, output, options) {
            function slide(nr) {
                if (typeof nr == "undefined") {
                    nr = visible_item + 1;
                    nr = nr >= total_items ? 0 : nr
                }
                var csl_pict = nr;
                $('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeOut(200).animate(0);
                tabs.removeClass('current').filter(":eq(" + nr + ")").addClass('current');
                output.stop(true, true).filter(":visible").fadeOut(500);
                output.filter(":eq(" + nr + ")").fadeIn(function() {
                    visible_item = nr;
                    $('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeIn().animate(0)
                })
            }
            var options = options || {};
            var total_items = tabs.length;
            var visible_item = options.start_item || 0;
            options.pause_on_hover = options.pause_on_hover || true;
            options.transition_interval = options.transition_interval || 5000;
            output.hide().eq(visible_item).show();
            tabs.eq(visible_item).addClass('current');
            tabs.hover(function() {
                if ($(this).hasClass('current')) {
                    return false
                }
                slide(tabs.index(this))
            });
            if (options.transition_interval > 0) {
                var timer = setInterval(function() {
                    slide()
                }, options.transition_interval);
                if (options.pause_on_hover) {
                    tabs.mouseenter(function() {
                        clearInterval(timer)
                    }).mouseleave(function() {
                        clearInterval(timer);
                        timer = setInterval(function() {
                            slide()
                        }, options.transition_interval)
                    })
                }
            }
        }
    })(jQuery);
    $(document).ready(function() {
        $.featureList($(".cslider_thumbs li a"), $(".cslider_pict li"), {
            start_item: 0
        })
    });
     
  2. Aglok

    Aglok ∞³

    Регистр.:
    9 янв 2012
    Сообщения:
    162
    Симпатии:
    46
    Попробуй изменить строку.
    Код:
    $('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeOut(200).animate(0);
    На:
    Код:
    $('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeOut(0);
     
  3. SPoX

    SPoX

    Регистр.:
    19 апр 2014
    Сообщения:
    175
    Симпатии:
    24
    не работает так :(
    есть еще варианты как сделать?
     
  4. Unak

    Unak Создатель

    Регистр.:
    27 июл 2014
    Сообщения:
    42
    Симпатии:
    18
    Поменяйте
    $('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeOut(200).animate(0);
    на
    $('.cslider_pict li').eq(csl_pict).find('.csl_text').hide();

    и
    $('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeIn().animate(0)
    на
    $('.cslider_pict li').eq(csl_pict).find('.csl_text').show()


    Или попробуйте вообще вместо
    $('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeOut(200).animate(0);
    Сделать сразу отображение:
    $('.cslider_pict li').eq(csl_pict).find('.csl_text').show();
     
    Последнее редактирование: 21 сен 2015
    SPoX нравится это.