Всем привет! Прошу помощи подсказать, как написать одну функцию для слайдера. Есть сайт
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 {............