선배님들 클릭시 썸네일 이미지를 다르게 보이게 하는 이 방법을 뭐라고 검색해야하나요?

Question

무신사 상품페이지 목록입니다 버튼을 눌렀을때 썸네일 크기를 다르게 하는 방식을 어떻게 짜야할지 모르겠어서요,,혹시 아시는 선배님들 있으시면 알려주시면 감사하겠습니다ㅜㅜ

Unknown_ · Answer

button이든 radio든, css에 따라 커스텀할 수 있으니 해당 버튼 꾸미는 것은 별도로 두고, 클릭 시 event를 주면 됩니다. 해당 event에서 jQuery나 javaScript로 출력하는 상품 List에 대해 css 설정을 변경하거나, 아예 변경된 상태로 List를 다시 뿌려주거나... 개인적으로는 css 설정 변경이 쉬웠습니다. jQuery로 접근하시게 된다면 다음과 같이 사용하시면 될 것 같습니다. 대충 예시처럼 만들어봤습니다.if (썸네일 작게 버튼 누름?) { // 썸네일 크기 변경 100% > 75% $('#thumb').attr('width', '75%'); } if (썸네일 크게 버튼 누름?) { // 썸네일 크기 변경 75% > 100% $('#thumb').attr('width', '100%'); } jQuery attr 함수 검색해보시고 테스트 해보시면 좋을 듯 하네요.참고 링크 : https://redcow77.tistory.com/326

전방에힘찬팬더발싸 · Answer

Unknown_ 선배님 감사합니다 생각보다 어려운게 아니었군요!

선배님들 클릭시 썸네일 이미지를 다르게 보이게 하는 이 방법을 뭐라고 검색해야하나요?

2개의 답변

#listview 목록