функция fadein

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

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

    SPoX

    Регистр.:
    19 апр 2014
    Сообщения:
    172
    Симпатии:
    24
    здравствуйте
    нужно изменить анимацию в этом коде

    Код:
    $(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({"bottom":"-250px"},0);tabs.removeClass('current').filter(":eq("+nr+")").addClass('current');output.stop(true,true).filter(":visible").fadeOut(500);output.filter(":eq("+nr+")").fadeIn(500,function(){visible_item=nr;$('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeIn().animate({"bottom":"0px"},200)})}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.click(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})});
    то есть сейчас слайд выходить с внизу вверх а я хочу чтобы слайд не вспливал из bottom
    а появилось с картинком просто

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

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    474
    Симпатии:
    277
  3. SPoX

    SPoX

    Регистр.:
    19 апр 2014
    Сообщения:
    172
    Симпатии:
    24
    http://mcfc-fan.ru/ вот слайдер и там же html
     
  4. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    474
    Симпатии:
    277
    попробуй так
    Код:
    $(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(500, function() {
             visible_item = nr;
             $('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeIn().animate(200)
           })
         }
         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.click(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
       })
    });
    
     
    SPoX нравится это.
  5. SPoX

    SPoX

    Регистр.:
    19 апр 2014
    Сообщения:
    172
    Симпатии:
    24
    так вообще не работает слайди больше не показывает
     
  6. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    474
    Симпатии:
    277
    $('.cslider_pict li').eq(csl_pict).find('.csl_text').fadeOut(200).animate({0);
    скобку лишнюю убери
     
    SPoX нравится это.