$(document).ready(function()
{
$(".content img").each(function(i)
{
var captiontext = $(this).attr('alt');
if(captiontext == '') {
$(this).wrap("<div class='imgpost'></div>");
$(this).parent().append("<div class='nonecaption'></div>");
} else {
$(this).wrap("<div class='imgpost'></div>");
$(this).parent().append("<div class='thecaption'>▲" + captiontext + "</div>");}
});
});
이미지 alt 부분을 캡선으로 사용합니다.
그냥했다가는 전체 이미지를 체크하기때문에 일정영역(content)을 class로 묶고 그안에서만 체크하도록 하였습니다.
imgpost / thecaption 부분은 style로 따로 만드시면 취향따라 만드실수 있겠네요.
alt 여부 체크하는 if문도 넣었습니다.
저는 아래와같이 구현하였습니다.
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
게시글 목록
| 번호 | 제목 |
|---|---|
| 12487 |
PHP
pc 모바일 체크
|
| 12486 |
PHP
계정 사용량(용량) 확인
|
| 380 | |
| 12484 | |
| 12483 |
MySQL
소수점 반올림 버림
|
| 376 | |
| 12482 | |
| 12481 |
PHP
에러 로그파일 생성하기
|
| 12479 | |
| 12478 | |
| 12477 |
PHP
후이즈검색 하기 입니다.
|
| 12476 |
PHP
그래프 그리기 입니다.
|
| 12475 |
JavaScript
자바스크립트로 구현한 number_format() 입니다.
|
| 12474 |
JavaScript
금액 관련 숫자를 한글로 변환하기 입니다.
|
| 12473 |
PHP
PHP 날짜 계산 관련 함수
|
| 12472 |
jQuery
jQuery 1.x와 2.x 버전 동시에 사용하기
|
| 12471 | |
| 12470 | |
| 12469 |
JavaScript
사업자 등록번호 검사하기 입니다.
|
| 371 | |
| 12468 | |
| 12467 |
JavaScript
항상 같은곳에 광고창 만들기 입니다.
|
| 12466 |
JavaScript
부메뉴 나오게 하기 입니다.
|
| 12465 |
JavaScript
특정문자 제거하기 입니다.
|
| 12464 |
JavaScript
휴대폰번호 검사 하기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기