FRONT/JAVASCRIPT2 scroll 이벤트 (jQuery 사용) 요소 일부가 보이면 토글클래스 [스크롤 이벤트 (jQuery코드임)] ● s-animation 클래스를 가진 요소가 뷰포트에 들어왔을 때 show 클래스를 토글 (요소가 스크롤로 화면 중간쯤에 들어오면 show 클래스 부여 / CSS 에서 show 클래스로 애니효과) ▷ 요소 선택 const $sAnimations = $('.s-animation'); ▷ 함수 작성function scrollAnimation() { const triggerPoint = (window.innerHeight) / 1; $sAnimations.each(function(index, section) { const sectionTop = section.getBoundingClientRect().top - $(section).height() / 2; .. 2025. 6. 20. 이미지 태그에 alt 값 강제로 넣어주기. 이미지를 스크립트로 삽입하는 상황에서alt값을 직접 작성하기 어려울 때 써먹기 좋은 간단 코드! (접근성을 위해 alt값은 필수로 작성해야 하므로)document.addEventListener('DOMContentLoaded', function () { var imgs = document.querySelectorAll('.section .figure .cover'); imgs.forEach(function(img) { img.addEventListener('load', function() { img.alt = "이미지 설명"; }); });}); 위 코드에 대한 GPT의 설명 : '이 코드는 이미지가 로드될 때마다 해당 이미지의 alt 속성을 .. 2024. 7. 3. 이전 1 다음
