본문 영역
alt/title 속성 제어(툴팁) 상세보기
작성자: 관리자
추천: 0 조회: 6889
alt/title 속성 제어(툴팁)
alt 속성은 이미지의 속성으로 그 이미지가 제대로 로딩되지 않았을 경우 출력되거나, 마우스가 이미지 위에 올라왔을 때 툴팁으로 나타나는데 사용된다. 또한 검색엔진에서 이미지의 정보로 사용되며, 시각장애인용 프로그램(스크린리더)에서는 이미지를 alt속성으로 읽어줍니다.
title속성은 이미지나 모든 태그의 제목으로 alt속성와 같이 행동합니다.
몽9빌더 안에서는 title은 제목, alt는 설명글로 취급하여 자동으로 디자인된 툴팁으로 출력됩니다.
<img title="제목(title)을 출력합니다." src="http://image.mong9.com/img/content/test1/obj1.png" />
<img alt="설명글(alt)을 출력합니다." src="http://image.mong9.com/img/content/test1/obj1.png" />
<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." src="http://image.mong9.com/img/content/test1/obj1.png" />
alt_no=""로 제어하기
alt_no의 기본값은 0입니다. alt, title속성을 사용하면 검은색 툴팁이 자동으로 사용되며, 만약 출력하지 않길 원하실 경우 alt_no="1"로 출력을 막을 수 있습니다.
| alt_no값 | 설명 |
| alt_no="0" | 검은색 툴팁 |
| alt_no="1" | 출력하지 않음 |
| alt_no="2" | 녹색 툴팁 |
| alt_no="3" | 파랑색 툴팁 |
| alt_no="4" | 빨강색 툴팁 |
| alt_no="a" | 검은색 전체 슬라이드 |
| alt_no="b" | 녹색 전체 슬라이드 |
| alt_no="c" | 파랑색 전체 슬라이드 |
| alt_no="d" | 빨강색 전체 슬라이드 |
<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="0" src="http://image.mong9.com/img/content/test1/obj1.png" />
<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="1" src="http://image.mong9.com/img/content/test1/obj1.png" />
<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="2" src="http://image.mong9.com/img/content/test1/obj1.png" />
<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="3" src="http://image.mong9.com/img/content/test1/obj1.png" />
<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="4" src="http://image.mong9.com/img/content/test1/obj1.png" />
<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="a" src="http://image.mong9.com/img/content/test1/obj1.png" />
<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="b" src="http://image.mong9.com/img/content/test1/obj1.png" />
<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="c" src="http://image.mong9.com/img/content/test1/obj1.png" />
<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="d" src="http://image.mong9.com/img/content/test1/obj1.png" />
등록일:
마지막 수정일:
자바스크립트(JS)
총글수: 18
| 글순서NO | *(첨부파일) | 제목 | 추천 | 조회 | 작성일↑ |
|---|---|---|---|---|---|
| 18 | 없음 | int_utils.js | 추천:0 | 조회:5646 | |
| 17 | 없음 | 손쉬운 애니메이션 효과(ani_type) | 추천:0 | 조회:1118160 | |
| 16 | 없음 | 손쉬운 애니메이션 효과(ani_type) 응용하기 | 추천:0 | 조회:17848 | |
| 15 | 없음 | 색상전환 효과(ani_type="color") | 추천:0 | 조회:18080 | |
| 14 | 없음 | 현재글:alt/title 속성 제어(툴팁) | 추천:0 | 조회:6889 | |
| 13 | 없음 | MOVIE 애니메이션(flash 대용) | 추천:0 | 조회:12956 | |
| 12 | 없음 | M9SLIDE(슬라이드) 애니메이션 | 추천:0 | 조회:12175 | |
| 11 | 없음 | M9SLIDE 애니메이션:fade 효과 | 추천:0 | 조회:13050 | |
| 10 | 없음 | M9SLIDE 애니메이션:slide 효과 | 추천:0 | 조회:26926 | |
| 9 | 없음 | M9SLIDE 애니메이션:slice 효과 | 추천:0 | 조회:8385 |
