어떤 축구선수를 검색하면 위 이미지에 검색된 해당 선수가 뛸수있는 포지션을
동그라미 아이콘으로 동적으로 표시해야합니다. ( 위 이미지에 보시면 동그라미로 비어있는곳이 보일거에요 )
포지션 능숙도에 따라 그 아이콘이 총 네가지가있는데요. ( 초록, 연두, 주황, 노랑 )
여기서 제가 아이콘을 띄우는 방식을
<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 영역의 배경을 필요한 아이콘으로 바꿔서 출력해주고 있습니다.
혹시 이 보다 더 좋은 방법 없을까 조언좀 부탁드립니다... ㅠㅠ
댓글 7개
게시글 목록
| 번호 | 제목 |
|---|---|
| 1717629 | |
| 1717626 | |
| 1717625 | |
| 1717621 | |
| 1717619 | |
| 1717611 | |
| 1717610 | |
| 1717609 | |
| 1717607 | |
| 1717601 | |
| 1717598 | |
| 1717591 | |
| 1717590 | |
| 1717583 | |
| 1717575 | |
| 1717572 | |
| 1717568 | |
| 1717566 | |
| 1717549 | |
| 1717545 | |
| 1717533 | |
| 1717512 | |
| 1717511 | |
| 1717508 | |
| 1717495 | |
| 1717479 | |
| 1717473 | |
| 1717470 | |
| 1717463 | |
| 1717452 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기