카테고리 분류이미지 변경
본문
그누보드에서 분류를 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 부분에는 나머지 카테고리 넣으시면 됩니다.
!-->