time 값을 받아와서 불러올 사진에 적용시키는 작업을 했다.
function bring(n) { let time = $('#time_'+n).attr('id').split('_')[1]; $("#city_name").attr('href','static/name_'+time+'.jpg');
모든 버튼에 적용을 하였다. (보이나... 노가다의 흔적이...)
중첩 함수(a.k.a inner function)를 적용하면 노가다를 안해도 됐는데, JS에서 중첩 함수를 어떻게 적용하는지도 모르겠고 검색해도 안나와서 하는 수 없이 하나씩 넣었다ㅠ
<a style="position:absolute; left:350px;top:150px; cursor:pointer;" id="city_name" onclick="bring_city('name')" href="static/name_12.jpg" data-title="name" data-lightbox="example-set"> <img src = 'static/heartpin.png' width="20px" height="20px"></a>
이거 20개에 함수 내부 코드까지 20개... 진짜 노가다였긴 하다...
그래도 결과는 만족스럽다.
마지막 작업으로 인기 순위 넣기, 다듬기가 남았다 (그러길 바람)