функция fadein

SPoX

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

Код:
$(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
а появилось с картинком просто

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