Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.12.2013, 07:20
Новичок на форуме
Отправить личное сообщение для kernel Посмотреть профиль Найти все сообщения от kernel
 
Регистрация: 25.12.2013
Сообщений: 1

Помогите справиться со слайдером
Всем привет! Прошу помощи подсказать, как написать одну функцию для слайдера. Есть сайт 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 {............
Ответить с цитированием
  #2 (permalink)  
Старый 25.12.2013, 09:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

kernel,
а где будет хранится информация о каждом слайдере? оттуда и берите с помощью animationStart

Последний раз редактировалось рони, 25.12.2013 в 10:18.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите со слайдером пожалуйсто. Webkraft Ваши сайты и скрипты 4 14.10.2013 01:05
Помогите со слайдером trambi Общие вопросы Javascript 0 18.02.2013 07:23
Помогите со слайдером DeveloperTeam Элементы интерфейса 0 18.10.2012 18:44
Помогите разобраться с jquery слайдером!!! Andy76 jQuery 0 25.11.2011 18:12
Помогите справиться с генерацией lammeR Javascript под браузер 5 15.01.2010 20:58