본문 바로가기
실습기록

7월 11일 project - 하트 이미지 변경 토글

by project100 2023. 7. 11.

이미지 배열로 만들어서 변경하기

$("document").ready(function () {
        let imageSources = ['/images/heart.png', '/images/heart_icon.svg.png']; // Array of image sources
        $('#gymmark').click(function () {
            let currentSource = $(this).attr('src');
            let newSource = '';
            if (currentSource === imageSources[0]) {
                newSource = imageSources[1];
            } else {
                newSource = imageSources[0];
            }
            $(this).attr('src', newSource);
        });
    })