Как перенести значение переменной из одной функции в другую на данном примере

@maks_7 · Регистрация: 14.10.2014

Студворк — интернет-сервис помощи студентам

Как из функции change взять переменную indexImg(именно то значение, которое она приняла в данный момент) и внедрить эту переменную с ее значением в функцию btnNext.click и btnPrev.click

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
$(function () {
    var elWrap = $('#slider'),
        el =  elWrap.find('img'),
        indexImg = 1,
        indexMax = el.length,
        phase = 3000;
 
    function change () {
    el.filter(':nth-child('+ indexImg +')').animate({left: '-1000px'}, 1000, function () {      
      $(this).hide();
      $(this).css({left: '1000px'});          
    }); 
    indexImg++;
    if(indexImg > indexMax) indexImg = 1;
    el.filter(':nth-child('+ indexImg +')').animate({left: 0}, 1000).show( );
    return indexImg;
    }
 
    function changePrev () {
    el.filter(':nth-child('+ indexImg +')').animate({left: '1000px'}, 1000, function () {       
      $(this).hide();
      $(this).css({left: '-1000px'});             
    }); 
    indexImg--;
    if(indexImg < 1) indexImg = indexMax;
    el.filter(':nth-child('+ indexImg +')').animate({left: 0}, 1000).show( );
    }
    
    var interval = setInterval(change, phase);
    
    
        elWrap.mouseover(function() {
        clearInterval(interval);
    });
    elWrap.mouseout(function() {
        interval = setInterval(change, phase);
    });
    
    elWrap.append('<span class="next"></span><span class="prev"></span>');
    var btnNext = $('span.next'),
        btnPrev = $('span.prev');
        
    btnNext.click(function() {  
        change ();
    });
    
    btnPrev.click(function() {
       changePrev ();
    }); 
  });

https://jsfiddle.net/vlad35/kp0ebfcx/1/

@j2FunOnly · 30.05.2017, 10:25

maks_7, надо немножко логику поменять. Уберите display: none;

CSS
1
2
3
4
5
6
7
8
.slider_wrap img {
  width: 1000px;
  height: auto;
  /* display: none; */
  position: absolute;
  top: 0;
  left: 1000px;
}

, все равно на конейнере overflow: hidden;.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
$(function() {
  var elWrap = $('#slider'),
    el = elWrap.find('img'),
    indexImg = 1,
    indexMax = el.length,
    phase = 3000;
 
  function change() {
    el.filter(':nth-child(' + indexImg + ')').animate({
      left: '-1000px'
    }, 1000, function() {
      // $(this).hide();
      // $(this).css({left: '1000px'});           
    });
    indexImg++;
    if (indexImg > indexMax) indexImg = 1;
    el.filter(':nth-child(' + indexImg + ')').css({
      left: '1000px'
    }).animate({
      left: 0
    }, 1000);
    return indexImg;
  }
 
  function changePrev() {
    el.filter(':nth-child(' + indexImg + ')').animate({
      left: '1000px'
    }, 1000, function() {
      // $(this).hide();
      // $(this).css({left: '-1000px'});          
    });
    indexImg--;
    if (indexImg < 1) indexImg = indexMax;
    el.filter(':nth-child(' + indexImg + ')').css({
      left: '-1000px'
    }).animate({
      left: 0
    }, 1000);
  }
 
  var interval = setInterval(change, phase);
 
 
  elWrap.mouseover(function() {
    clearInterval(interval);
  });
  elWrap.mouseout(function() {
    interval = setInterval(change, phase);
  });
 
  elWrap.append('<span class="next"></span><span class="prev"></span>');
  var btnNext = $('span.next'),
    btnPrev = $('span.prev');
 
  btnNext.click(function() {
    change();
  });
 
  btnPrev.click(function() {
    changePrev();
  });
});

Добавлено через 2 минуты
https://jsfiddle.net/kp0ebfcx/2/

@maks_7 · 30.05.2017, 12:09 **[ТС]**

j2FunOnly! Спасибо Вам огромное!!

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@maks_7 4 / 4 / 3 Регистрация: 14.10.2014 Сообщений: 323
	30.05.2017, 12:09 [ТС]
	j2FunOnly! Спасибо Вам огромное!! 0