클릭후 이미지 변경하기
본문
find1이라는 글자와 find2라는 글자가 있는데 현재는 이 두개이미지가 한페이지에 다나오고 있습니다
find1이라는 글자를 누르면 find1의 이미지만 나오고 find2라는 글자를 누르면 find1이 살아지고
그자리에 find2이미지가나오게 하고 싶은데
밑에 소스를 어떻게 정리해야할지모르겠어요^^;;
그리고 이방법이 맞나요?
<h2>"find1<?php echo $menu1?>" "find2<?php echo $menu2?>"</h2>
<div class="p02">
<h2>"find1<?php echo $menu1?>" "find2<?php echo $menu2?>"</h2>
</div>
<?php if( in_array($bo_table, array("find1", "find2"))){
$menu1 = "find1";
$menu2 = "find2";
if( $bo_table == "find2"){
$menu2 ="find2";
}
}
?>
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper" id="gallerylightbox">
<?
$bo_table = "find1";
$que = "select wr_id from g5_write_".$bo_table." where wr_file > 0 order by wr_id desc limit 10";
..........
$img = G5_DATA_URL."/file/".$bo_table."/".$thumb;
}
?>
<a class="swiper-slide example-image-link" href="<?=$img;?>" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="<?=$img;?>" style="width:80%; height:100%; margin-left:10%;"/></a>
<?
}
}
?>
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper" id="gallerylightbox">
<?
$bo_table = "find2";
$que = "select wr_id from g5_write_".$bo_table." where wr_file > 0 order by wr_id desc limit 10";
..........
$img = G5_DATA_URL."/file/".$bo_table."/".$thumb;
}
?>
<a class="swiper-slide example-image-link" href="<?=$img;?>" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="<?=$img;?>" style="width:80%; height:100%; margin-left:10%;"/></a>
<?
}
}
?>
답변 1
탭 레이어로 검색을 하여 보면 응용이 가능한 소스들이 있습니다.
해당 탭 스크립트만 차용해서 구현해 보세요!!
https://sir.kr/g5_skin?sca=최신글&sfl=wr_subject%7C%7Cwr_content&stx=탭
---------------------------------------------------------------------------------------
소스 내용을 보니, 스와이프 관련 페이지를 구현 하고자 하시는거 같습니다.
아래의 조금(?) 유명한 스와이프 플러그인을 응용해서 사용하시는 것도 방법입니다!
http://idangero.us/swiper/demos/
답변을 작성하시기 전에 로그인 해주세요.
