카테고리 분류이미지 변경

카테고리 분류이미지 변경

QA

카테고리 분류이미지 변경

본문

b41c434cbc23f54ed0db121f99506322_1461120392_3209.JPG 

 

그누보드에서 분류를 6개만들어서

위와같이 프리미엄은 전체게시글이다 나오고

나머지는 각 분류에 해당하는 게시물들이 나옵니다.

 

각 분류링크는

 

사이트주소/new/bbs/board.php?bo_table=con1_gallery1_2016&sca=유아.생활용품

사이트주소/new/bbs/board.php?bo_table=con1_gallery1_2016&sca=뷰티.패션

.

.

.

이런식으로 되어있어요..

 

문제는 각 분류를 눌렀을때 분류이미지를 바뀌도록하고싶어요ㅠㅠ

누르기전은 회색

눌렀을때는 프리미엄 분류처럼 파란색

 

그래서...

현재 페이즈주소를 판단하여 이미지가 변경되도록

 

 if(location.href.indexOf('사이트주소/new/bbs/board.php?bo_table=con1_gallery1_2016&sca=%EC%9C%A0%EC%95%84.%EC%83%9D%ED%99%9C%EC%9A%A9%ED%92%88') != -1){
            $('.ch1 a img').attr("src","<?=$g4['path']?>/image/sub01_tab1.png");
            $('.ch2 a img').attr("src","<?=$g4['path']?>/image/sub01_tab2_on.png");
            $('.ch3 a img').attr("src","<?=$g4['path']?>/image/sub01_tab3.png");
            $('.ch4 a img').attr("src","<?=$g4['path']?>/image/sub01_tab4.png");
            $('.ch5 a img').attr("src","<?=$g4['path']?>/image/sub01_tab5.png");
            $('.ch6 a img').attr("src","<?=$g4['path']?>/image/sub01_tab6.png");
            $('.ch7 a img').attr("src","<?=$g4['path']?>/image/sub01_tab7.png");
           
             
        }
       
         if(location.href.indexOf('사이트주소/new/bbs/board.php?bo_table=con1_gallery1_2016&sca=%EB%B7%B0%ED%8B%B0.%ED%8C%A8%EC%85%98') != -1){
            $('.ch1 a img').attr("src","<?=$g4['path']?>/image/sub01_tab1.png");
            $('.ch2 a img').attr("src","<?=$g4['path']?>/image/sub01_tab2.png");
            $('.ch3 a img').attr("src","<?=$g4['path']?>/image/sub01_tab3_on.png");
            $('.ch4 a img').attr("src","<?=$g4['path']?>/image/sub01_tab4.png");
            $('.ch5 a img').attr("src","<?=$g4['path']?>/image/sub01_tab5.png");
            $('.ch6 a img').attr("src","<?=$g4['path']?>/image/sub01_tab6.png");
            $('.ch7 a img').attr("src","<?=$g4['path']?>/image/sub01_tab7.png");
        }
         if(location.href.indexOf('사이트주소/new/bbs/board.php?bo_table=con1_gallery1_2016&sca=%EA%B0%80%EC%A0%84.%EB%94%94%EC%A7%80%ED%84%B8') != -1){
            $('.ch1 a img').attr("src","<?=$g4['path']?>/image/sub01_tab1.png");
            $('.ch2 a img').attr("src","<?=$g4['path']?>/image/sub01_tab2.png");
            $('.ch3 a img').attr("src","<?=$g4['path']?>/image/sub01_tab3.png");
            $('.ch4 a img').attr("src","<?=$g4['path']?>/image/sub01_tab4_on.png");
            $('.ch5 a img').attr("src","<?=$g4['path']?>/image/sub01_tab5.png");
            $('.ch6 a img').attr("src","<?=$g4['path']?>/image/sub01_tab6.png");
            $('.ch7 a img').attr("src","<?=$g4['path']?>/image/sub01_tab7.png");
        }
        if(location.href.indexOf('사이트주소/new/bbs/board.php?bo_table=con1_gallery1_2016&sca=%EC%8B%9D%ED%92%88.%EA%B1%B4%EA%B0%95') != -1){
            $('.ch1 a img').attr("src","<?=$g4['path']?>/image/sub01_tab1.png");
            $('.ch2 a img').attr("src","<?=$g4['path']?>/image/sub01_tab2.png");
            $('.ch3 a img').attr("src","<?=$g4['path']?>/image/sub01_tab3.png");
            $('.ch4 a img').attr("src","<?=$g4['path']?>/image/sub01_tab4.png");
            $('.ch5 a img').attr("src","<?=$g4['path']?>/image/sub01_tab5_on.png");
            $('.ch6 a img').attr("src","<?=$g4['path']?>/image/sub01_tab6.png");
            $('.ch7 a img').attr("src","<?=$g4['path']?>/image/sub01_tab7.png");
        }
        if(location.href.indexOf('사이트주소/new/bbs/board.php?bo_table=con1_gallery1_2016&sca=%EC%86%8C%EC%85%9C.%EC%98%A4%ED%94%88%EB%A7%88%EC%BC%93') != -1){
            $('.ch1 a img').attr("src","<?=$g4['path']?>/image/sub01_tab1.png");
            $('.ch2 a img').attr("src","<?=$g4['path']?>/image/sub01_tab2.png");
            $('.ch3 a img').attr("src","<?=$g4['path']?>/image/sub01_tab3.png");
            $('.ch4 a img').attr("src","<?=$g4['path']?>/image/sub01_tab4.png");
            $('.ch5 a img').attr("src","<?=$g4['path']?>/image/sub01_tab5.png");
            $('.ch6 a img').attr("src","<?=$g4['path']?>/image/sub01_tab6_on.png");
            $('.ch7 a img').attr("src","<?=$g4['path']?>/image/sub01_tab7.png");
        }
        if(location.href.indexOf('사이트주소/new/bbs/board.php?bo_table=con1_gallery1_2016&sca=%EC%9D%B8%EC%87%84%EB%AC%BC') != -1){
            $('.ch1 a img').attr("src","<?=$g4['path']?>/image/sub01_tab1.png");
            $('.ch2 a img').attr("src","<?=$g4['path']?>/image/sub01_tab2.png");
            $('.ch3 a img').attr("src","<?=$g4['path']?>/image/sub01_tab3.png");
            $('.ch4 a img').attr("src","<?=$g4['path']?>/image/sub01_tab4.png");
            $('.ch5 a img').attr("src","<?=$g4['path']?>/image/sub01_tab5.png");
            $('.ch6 a img').attr("src","<?=$g4['path']?>/image/sub01_tab6.png");
            $('.ch7 a img').attr("src","<?=$g4['path']?>/image/sub01_tab7_on.png");
        }

 

 

이런식으로 코드를 넣었는데ㅠㅠ

너무 무식하게 넣었어요..

그래도 크롬에서는 작동하는데 익스에서는 작동이 안돼요.ㅠㅠ

 

도와주세요..ㅠㅠ

 

 

이 질문에 댓글 쓰기 :

답변 1


$tab = array("프리미엄", "육아, 생활용품", "뷰티, 패션");
foreach($tab as $key => $value) {
   $on = $_GET['sca'] == $value ? "_on" : "";
   $n = $key + 1;
   echo "<a href='/new/bbs/board.php?bo_table=con1_gallery1_2016&sca=".urlencode($value)."><img src='".$g4['path']."/image/sub01_tab".$n.$on.".png'>";
}

페이지 전체를 알 수 없어서 그냥 유추로...

$tab 부분에는 나머지 카테고리 넣으시면 됩니다. 

답변을 작성하시기 전에 로그인 해주세요.
전체 13
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT