Изменить переменную и вызвать функцию с новым значением переменной

@vnmslf · Регистрация: 13.03.2015

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

Здравствуйте.
Есть такой код:

Javascript

jQuery(document).ready(function slider(){
 
                var sc=$(".slider img").size();
                var count=2;
                var necount;
 
                for (var i=sc;i>=1;i--)
                    $("#prev").after('<li><div id="'+(i+sc)+'" class="point"></div></li>');
                $(".slider #1").animate({opacity: '1'}, 1000);
                $("#"+(sc+1)).animate({backgroundColor: '#ffcc66'}, 1000);
 
                setInterval(function slides() {
                    for (necount=1;necount<=sc;necount++){
                        if (necount===count)necount++;
                        $(".slider #"+necount).animate({opacity: '0'}, 1000);
                        $(".slider #"+count).animate({opacity: '1'}, 1000);
                        $("#"+(count+sc)).animate({backgroundColor: '#ffcc66'}, 1000);
                        $("#"+(necount+sc)).animate({backgroundColor: '#cccccc'}, 1000);
                    }
                    if(count==sc) {
                        count=1;
                    } else {
                        count++;
                    }
                    $("#prev").click(function() {
                        count=3;
                        ?????
                    });
                }, 4000);
            });

Изначально count=2, функция slides стартует, все прекрасно. Необходимо при нажатии на блок $"(#prev)" присвоить count=count-1 и стартануть slides с новым значением count'а. Если сильно не менять функцию, возможно ли вместо ????? вызвать заново slides? Или.. может быть есть какой-то аналог goto? Заранее спасибо.

Добавлено через 13 часов 41 минуту
Возник попутный вопрос.

Javascript

$("#"+(sc+1)).animate({backgroundColor: '#ffcc66', borderRadius: '10px'}, 1000);
 
    setInterval(function slides() {
        for (necount=1;necount<=sc;necount++){
            if (necount===count)necount++;
            $(".slider #"+necount).animate({opacity: '0'}, 1000);
            $(".slider #"+count).animate({opacity: '1'}, 1000);
            $("#"+(count+sc)).animate({backgroundColor: '#ffcc66', borderRadius: '10px'}, 1000);
            $("#"+(necount+sc)).animate({backgroundColor: '#cccccc', borderRadius: '0'}, 1000);

Я добавил к анимации изменения background изменение borderRadius, а как можно добавить функцию hover? Т.е.:

Javascript

$("#"+(sc+1)).animate({
    backgroundColor: '#ffcc66', borderRadius: '10px'
}, 1000, function(){
    $(this).hover({backgroundColor: '#ffff00'})
});

Вот так все продолжает работать, но hover не срабатывает. Где ошибка?

@vnmslf · 16.03.2016, 08:13 **[ТС]**

Уважаемые форумчане, неужели ни у кого нет никаких идей? Или это слишком сложно? Или, может быть, это слишком легкий вопрос, который не требует внимания? Неужели никто никогда не делал слайдеры самостоятельно? Задача, как я понимаю, для более-менее опытных программистов (в число которых я, пока что, не вхожу) - не сложная, разве нет? Если не трудно, подкиньте идею реализации перехода по слайдам через prev/current/next.. Не люблю я готовые слайдеры с интернета тянуть, пытаюсь разобраться сам, но вот.. встрял в тупик(( Помогите пожалуйста!!
Заранее спасибо!

@Elbeet · 16.03.2016, 09:33

присвоить count=count-1 и стартануть slides с новым значением count'а

Наверно сначала надо остановить setInterval.

Может быть как-то так:

Javascript

var intervalID = setInterval(function slides() {
....
}, 4000);
 
$("#prev").click(function(){
    clearInterval(intervalID);
    count=count-1;
    intervalID = setInterval(function slides() {
        ....
    }, 4000);
})

А с hover: попробуйте сделать css-класс и добавлять его

CSS

1	.hover_class:hover {backgroundColor: '#ffff00'}

Javascript

$("#"+(sc+1)).animate({
    ....
    $(this).addClass("hover_class");
});

@vnmslf · 16.03.2016, 23:23 **[ТС]**

Спасибо, попробую завтра! С hover у меня была идея toggleClass или, как вы предложили, addClass/removeClass, но думал без этого обойтись)) Теперь не думаю

@vnmslf 25 / 25 / 5 Регистрация: 13.03.2015 Сообщений: 215
	16.03.2016, 08:13 [ТС]	2
	Уважаемые форумчане, неужели ни у кого нет никаких идей? Или это слишком сложно? Или, может быть, это слишком легкий вопрос, который не требует внимания? Неужели никто никогда не делал слайдеры самостоятельно? Задача, как я понимаю, для более-менее опытных программистов (в число которых я, пока что, не вхожу) - не сложная, разве нет? Если не трудно, подкиньте идею реализации перехода по слайдам через prev/current/next.. Не люблю я готовые слайдеры с интернета тянуть, пытаюсь разобраться сам, но вот.. встрял в тупик(( Помогите пожалуйста!! Заранее спасибо! 0

@vnmslf 25 / 25 / 5 Регистрация: 13.03.2015 Сообщений: 215
	16.03.2016, 23:23 [ТС]	4
	Спасибо, попробую завтра! С hover у меня была идея toggleClass или, как вы предложили, addClass/removeClass, но думал без этого обойтись)) Теперь не думаю 0