좋은 방법 있으면 소개시켜주세요 > 자유게시판

자유게시판

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

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

본문




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

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

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

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

<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 영역의 배경을 필요한 아이콘으로 바꿔서 출력해주고 있습니다.

혹시 이 보다 더 좋은 방법 없을까 조언좀 부탁드립니다... ㅠㅠ
추천
0
  • 복사

댓글 7개

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

클래스별로, 위치값과 배경을 지정해주면 되겠네요.
네 선택한 한명의 아이콘을 띄워야하는데

선수가 여러포지션을 소화할수있으면 그 포지션마다 아이콘을 띄워줘야 합니당
그럼 필요한 만큼만, div영역으로 잡아서 뿌려주면 될 것 같네요.
그런데, 저렇게 하나 필요한 애들만 불러내나, 그수가 많지 않아서 뭐가 더 낫다 할건 없겠네요.
© SIRSOFT
현재 페이지 제일 처음으로