탭메뉴의 활성비활성 & 버튼 클릭시 콘텐츠변경하는것 궁금합니다.
창의적
2023.04.01
이해가 쉽기 위해;;;;; 이미지를 첨부했습니다.
위에 보시는것과 같이 탭메뉴와 하단 이미지들은 하나의 DIV로 감싸진 영역입니다.
위에가 디폴트형태 인데요..
제가 궁금한것은 ! 메뉴를 눌렀을때 아래마다 다른 이미지들을 불러올 겁니다.
그런데.. 메뉴1과 메뉴2,,,, 또 다른것들을 눌렀을때에 전체페이지가 리로딩 되지 않고,
아래만 이미지만 그냥 쓱쓱 변하게 할 수 있나요? 그냥 보여지는 화면에서요.. 리로딩되면 위로 다시 읽히는... 그런 현상이올까바요;;큭..
그리고, 위에 탭메뉴가 활성이고 비활성인것은.. li에서 class명에 따라서 이미지만 변경해주면 될것 같은데,,, 그렇게 하면서
아래의 이미지를 변경하려면 자바스크립트를 써야 할 것 같은데, 맞는지 잘 모르겠구요.
머라고 검색을 해야할찌도 좀 난감해서 질문드립니다.
검색은 여기서도 탭메뉴 .. 머 이런식으로 했는데 제가 원하는 답은 없었던 것 같아서,,질문올립니다.
물론 책도 봤는데요..
그냥 탭이미지만 on해서 활성된것만 나타내는게 있어서.. 좀 이해가 안되더라구요.
머 배경을 깔고, 왼쪽 탭이랑 오른쪽 탭을 짤라서 넣으라는데,, 헷갈려서요 !!
답변달아주시면 좋은곳에 참고하겠습니다(__ )ㅎ
-
Regretting
말씀하신대로면 접근성연구소 가시면 텝메뉴 스크립트 소스가 있습니다.
그걸 사용하시면 되구요. 예제로도 나와있으니 찾아보시면 될거같내요^^