본문 바로가기 메뉴 바로가기

Easy for anyone.

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Easy for anyone.

검색하기 폼
  • 분류 전체보기 (83)
    • Web Dev (54)
      • NodeJS (0)
      • Express (0)
      • Nuxt (1)
      • HTML (2)
      • Typescript (0)
      • Javascript (8)
      • JSP (10)
      • ASP (5)
      • JAVA (2)
      • jQuery (26)
    • App Dev (9)
      • Flutter (0)
      • iPhone (1)
      • Android (7)
    • DBMS (12)
      • Postgresql (0)
      • Oracle (6)
      • SQL Server (3)
      • MySQL (3)
    • Server (3)
      • CentOS (3)
      • Tomcat (0)
    • OS (1)
      • MacOS (1)
      • Windows (0)
  • 방명록

UL (1)
jQuery 강좌4. 이미지 바꾸기

이번 강좌에서는 섬네일 이미지를 누르면 큰 이미지가 변환되도록 해보겠습니다. 1. 마크업 코드 2. jQuery 코드 $(document).ready(function(){ $("#thumnail a").click(function(e) { e.preventDefault(); var largeImgPath = $(this).attr("href"); var largeImgAlt = $(this).find("img").attr("alt").substr(0,4); $("#largeimg img").attr({src:largeImgPath,alt:largeImgAlt}); }); }); 먼저, e.preventDefault() 를 보도록 하지요. 이것은 무엇이냐 하면, 대상을 클릭했을때 발생하는 이벤트를 방지하는 ..

Web Dev/jQuery 2013. 3. 7. 09:49
이전 1 다음
이전 다음
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • jsp
  • html
  • If
  • Filter
  • 제이쿼리
  • android
  • Next
  • Selector
  • attr
  • submit
  • event
  • jquery
  • Drop
  • 항공편
  • ready
  • 기초
  • dom
  • asp
  • 비행기
  • 인천공항
  • 실시간
  • focus
  • Oracle
  • Click
  • create
  • regexp
  • javascript
  • select
  • MySQL
  • centOS
more
«   2025/11   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바