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

SPoX

Знаток
Регистрация
19 Апр 2014
Сообщения
186
Реакции
28
привет всем
это код от моего слайдера


как вы видите когда открывается слайд есть функция 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
    })
});
 
Попробуй изменить строку.
Код:
$('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeOut(200).animate(0);
На:
Код:
$('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeOut(0);
 
Попробуй изменить строку.
Код:
$('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeOut(200).animate(0);
На:
Код:
$('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeOut(0);
не работает так :(
есть еще варианты как сделать?
 
Поменяйте
$('.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();
 
Последнее редактирование:
  • Нравится
Реакции: SPoX
Назад
Сверху