Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.12.2013, 05:14
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

изменение контента в зависимости от слайда
Друзья есть некий слайдер
в нем есть переменная
self.currentFrameID
которая равняется как вы поняли текущему слайду...
в действии можно глянуть здесь http://goodpotolok.com/test/
при нажатии на красный квадратик посредине должен выскочить алерт с номером слайда
Задача менять бекграунд подложеного дива в зависимости от слайда!!!
пытаюсь так но не выходит
curent = $("#slider_top_wrap");
	if(self.currentFrameID = 1){curent.css({"background":"red"});}
	if(self.currentFrameID = 2){curent.css({"background":"yellow"});}
	if(self.currentFrameID = 3){curent.css({"background":"blue"});}
	if(self.currentFrameID = 4){curent.css({"background":"#000"});}

почему то сразу последний иф выполняется...
Ответить с цитированием
  #2 (permalink)  
Старый 28.12.2013, 05:18
Аспирант
Отправить личное сообщение для Antonius Посмотреть профиль Найти все сообщения от Antonius
 
Регистрация: 30.11.2013
Сообщений: 42

А вы точно хотите выполнять в условии присваивание, а не сравнение?

У вас сейчас срабатывают все условия, и, естественно, вы видите результат выполнения последней ветки.
Ответить с цитированием
  #3 (permalink)  
Старый 28.12.2013, 13:36
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

странно, но так
curent = $("#slider_top_wrap");
	if(self.currentFrameID == 1){curent.css({"background":"red"});}
	if(self.currentFrameID == 2){curent.css({"background":"yellow"});}
	if(self.currentFrameID == 3){curent.css({"background":"blue"});}
	if(self.currentFrameID == 4){curent.css({"background":"#000"});}

вообще не срабатывает...
бекграунд остается тот который прописан в стилях
Ответить с цитированием
  #4 (permalink)  
Старый 28.12.2013, 13:44
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

вернее все работает, но только если вставить эти условия например в событие...
$('.knnn').click(function() {
	alert(self.currentFrameID)				 
				 curent = $("#slider_top_wrap");
	if(self.currentFrameID == 1){curent.css({"background":"red"});}
	if(self.currentFrameID == 2){curent.css({"background":"yellow"});}
	if(self.currentFrameID == 3){curent.css({"background":"blue"});}
	if(self.currentFrameID == 4){curent.css({"background":"#000"});}	
	});


а как сделать чтоб условия срабатывали сами? без клика?
Ответить с цитированием
  #5 (permalink)  
Старый 28.12.2013, 16:15
Аспирант
Отправить личное сообщение для Antonius Посмотреть профиль Найти все сообщения от Antonius
 
Регистрация: 30.11.2013
Сообщений: 42

А в какой момент они тогда должны будут сработать?
Ответить с цитированием
  #6 (permalink)  
Старый 28.12.2013, 16:28
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

Посмотри пожалуйста сейчас http://goodpotolok.com/test/
щас повесил на кнопку next, но почему то криво срабатывает - не всегда

почему?

Последний раз редактировалось iskander83, 28.12.2013 в 16:37.
Ответить с цитированием
  #7 (permalink)  
Старый 28.12.2013, 16:30
Аспирант
Отправить личное сообщение для iskander83 Посмотреть профиль Найти все сообщения от iskander83
 
Регистрация: 04.05.2013
Сообщений: 73

или думаю как вариант можно зациклить все это действо чтоб допустим проверялся id слайда раз в полсекунды и тогда выполнялось условие?
тока как?
Ответить с цитированием
  #8 (permalink)  
Старый 29.12.2013, 00:45
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

function next(items) {
    var max = items.length - 1,
        i = -1;
    return function () {
        i = i < max ? i + 1 : 0;
        return items[i];
    };
}

var color = next(['red', 'green', 'blue']);
alert(color());
alert(color());
alert(color());
alert(color());
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое изменение ширины в зависимости от содержимого iNfantry Events/DOM/Window 38 24.07.2017 19:38
Изменение определенного класа в зависимости от другого wkornilow Events/DOM/Window 9 25.11.2013 18:48
Изменение изображения на кнопке в зависимости от текущего url Loiso Элементы интерфейса 4 23.08.2011 09:23
Динамическое изменение контента со скроллом Accessd Элементы интерфейса 0 03.10.2009 17:34
Изменение размера блока реклама в зависимости от разрешения экрана. toxiz77 Общие вопросы Javascript 3 11.02.2009 14:12