좋은 방법 있으면 소개시켜주세요 > 십년전오늘

십년전오늘

10년전 추억의 책장을 넘기며

좋은 방법 있으면 소개시켜주세요 정보

좋은 방법 있으면 소개시켜주세요

본문




어떤 축구선수를 검색하면 위 이미지에 검색된 해당 선수가 뛸수있는 포지션을 

동그라미 아이콘으로 동적으로 표시해야합니다. ( 위 이미지에 보시면 동그라미로 비어있는곳이 보일거에요 )

포지션 능숙도에 따라 그 아이콘이 총 네가지가있는데요. ( 초록, 연두, 주황, 노랑 )

여기서 제가 아이콘을 띄우는 방식을

<div class="pos_gk"></div>
<div class="pos_sw"></div>
<div class="pos_st"></div>
<div class="pos_ac"></div>
<div class="pos_al"></div>
<div class="pos_ar"></div>
<div class="pos_dc"></div>
<div class="pos_dl"></div>
<div class="pos_dr"></div>
<div class="pos_dm"></div>
<div class="pos_mc"></div>
<div class="pos_ml"></div>
<div class="pos_mr"></div>
<div class="pos_wl"></div>
<div class="pos_wr"></div>

이런식으로 각각의 div영역을 배치해둔다음 능숙도에따라 그 div 영역의 배경을 필요한 아이콘으로 바꿔서 출력해주고 있습니다.

혹시 이 보다 더 좋은 방법 없을까 조언좀 부탁드립니다... ㅠㅠ

댓글 전체

한번에 하나만 출력하고자 하시는거라면..
굳이, 저많은 DIV영역을 만드실 필요없이.
클래스로 구분해서, 해당클래스를 불러오면 되지 않을까요?

클래스별로, 위치값과 배경을 지정해주면 되겠네요.
그럼 필요한 만큼만, div영역으로 잡아서 뿌려주면 될 것 같네요.
그런데, 저렇게 하나 필요한 애들만 불러내나, 그수가 많지 않아서 뭐가 더 낫다 할건 없겠네요.
전체 135,051
십년전오늘 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT