728x90
별견 아니지만... 계속 쓰면 괜찮지만 하다가 까먹을 수 있는 jquery로 이미지 변경이다.
아주 간단하다 jquery의 attr 함수를 사용하면 된다.
<html>
<img id="imgID" class="imgClass" src="/data/img.png"/>
</html>
<script>
$(document).ready(function(){
//이미지 변경 함수 호출
changeIMG();
});
function changeIMG(){
//img 태그의 아이디로 변경 할 때
$("#imgID").attr("src", "/data/img2.png");
//img 태그의 클래스 명으로 변경 할 때
$(".imgClass").attr("src", "/data/img2.png");
}
</script>아이디 값으로 변경을 하던 클래스 명으로 변경을 하든 상관은 없다.
$("#imgID).attr("src","/data/img2.png");
해당 구문만 기억하도록 하자!
728x90
'소프트웨어 (과거) > Spring, JSP, html, CSS' 카테고리의 다른 글
| 4. html 색상 표 (0) | 2022.04.12 |
|---|---|
| 3. html 폰트 크기 조정 (0) | 2022.04.12 |
| 클릭시 텍스트 바꾸기 (0) | 2022.03.31 |
| 버튼을 클릭하면 TEXTAREA의 내용이 모두 선택되는 자바스크립트 소스입니다. (0) | 2022.03.31 |
| 제이쿼리로 글자 사라지게 하기 (0) | 2022.03.31 |