setInterval + src изображения изменяется при нажатии на кнопку

Question

setInterval + src изображения изменяется при нажатии на кнопку

0

Я хочу дать эффект мигания (темный и легкий) при нажатии на кнопку. Я написал следующий код, но он не работает. Поэтому, пожалуйста, помогите мне.

$(document).ready(function () {

    $(".search").click(function () {
        setInterval(function () {
            var curSrc = $("#red").attr('src');

            if (curSrc === '../images/lightred.jpg') {
                $(curSrc).attr("src", "../images/Darkred.jpg");
            }
            if (curSrc === '../images/Darkred.jpg') {
                $(curSrc).attr("src", "../images/lightred.jpg");
            }
        }, 2000);
    });

});

rushang patel 24 сен. 2013, в 19:00

Источник

Теги:

javascript

jquery

2 ответа

Ещё вопросы

tymeJV · Answer 1 · 2013-09-24T15-06-00.000Z

curSrc - ваш исходный атрибут, но вы пытаетесь его обернуть в jQuery, который не сделает его объектом. Вам придется снова нацелить #red а затем установить источник:

if (curSrc === '../images/lightred.jpg') {
            $("#red").attr("src", "../images/Darkred.jpg");
}
if (curSrc === '../images/Darkred.jpg') {
            $("#red").attr("src", "../images/lightred.jpg");
}

привет, пожалуйста, помогите мне все еще не работает.
сейчас работает, спасибо большое .....

jEremyB · Answer 2 · 2013-09-24T14-34-00.000Z

Кажется, вопрос может заключаться в том, как заставить кнопку мигать. Это можно сделать с помощью свойства css background-color. CSS лучше подходит, если lightRed и darkRed являются сплошными цветами. Если изображения необходимы, вы можете использовать свойство background-image.

<input type="button" class="search lightRed" value="Search"/>
<style>
    .lightRed { background-color: lightcoral }
    .darkRed { background-color: darkRed }
</style>
<script>
    $(document).ready(function(){
        $(".search").click(function(){
            setInterval(function(){
                var isLightRed = $(".search").hasClass("lightRed");
                if (isLightRed) {
                    $(".search").removeClass("lightRed").addClass("darkRed");
                } else {
                    $(".search").removeClass("darkRed").addClass("lightRed");
                }
            },2000);
        });
    });
</script>

Нет, я не хочу, чтобы кнопка мигала. Я хочу, чтобы мое изображение постоянно менялось, поэтому оно будет давать эффект, похожий на эффект светофора. Пожалуйста, дайте решение.