Помогите справиться со слайдером
Всем привет! Прошу помощи подсказать, как написать одну функцию для слайдера. Есть сайт http://expert-grant.ru/, там есть слайдер. Нужно, чтобы при смене изображения слайдера, сбоку слева менялся соответствующий текст. К примеру слайд "бизнес-тренинги", а сбоку вылетала подпись под этот слайд "1232132312" и т.д.
Ниже приведена часть из скрипта. (function( $ ){ $.fn.smSlider = function(options) { var defaults = { start : 0, transition : 'animate', activeClass : 'active', autoArr : true, innerBlock : 'sm_slider-inner', prev : 'sm_prev', next : 'sm_next', children : 'sm_slide', pagination : true, typeCtrl : 'dots', subMenu : false, subMenuClass : 'sm_submenu-item', autoPlay : true, delay : 5000, hoverPause : true, easing : 'swing', duration : 600, flexible : false, animationStart : function(){ document.getElementById('left').innerHTML='Text';}, animationComplete : function(){} }; var options = $.extend(defaults, options); return this.each(function() { var clickable = true; var slideMove = function (toIndex, direction){ if(clickable) { clickable = false; var moveNext = smSlideWidth; var movePrev = -1*moveNext; if (direction == 'next') { currPos = movePrev; nextPos = moveNext; } else { currPos = moveNext; nextPos = movePrev; } if (options.transition != 'fader') { $smSliderInner.children('.'+options.children+'.'+options.activeClass).stop().animate({ 'left' : currPos }, { duration : options.duration, easing : options.easing, complete : function(){ $(this).removeClass(options.activeClass); if (options.animationComplete) { options.animationComplete(toIndex) } } }); $smSlide.eq(toIndex).css('left', nextPos).addClass(options.activeClass).stop().animate({ 'left' : 0 }, { duration: options.duration, easing: options.easing, complete : function(){ clickable = true; } }); } else {............ |
kernel,
а где будет хранится информация о каждом слайдере? оттуда и берите с помощью animationStart |
Часовой пояс GMT +3, время: 20:48. |