우리가 사는 세상을 모두 알기엔 인생은 너무 짧다.!!

사이트관리

다중탭 컨텐츠 사용시 일정시간마다 랜덤하게 바꿔주기

거북선인 2018. 3. 13. 12:02
반응형

다중탭 컨텐츠 사용시 일정시간마다 랜덤하게 바꿔주기

http://amina.co.kr/bbs/board.php?bo_table=tip&wr_id=787


unset($tab);

            $tab[0] = " title=월 bo_list=mon";

            $tab[1] = " title=화 bo_list=tue";

            $tab[2] = " title=수 bo_list=wed";

            $tab[3] = " title=목 bo_list=thu";

            $tab[4] = " title=금 bo_list=fri";

            $tab[5] = " title=토 bo_list=sat";

            $tab[6] = " title=일 bo_list=sun";

 

            echo latest_amina('amina', 'dates', 10, 12, ' tab_act=click head_skin=amina list_wrap=la-f list_skin=basic-img thumb_size=160x100 sp=5 list=la-f1 subj=12 details=date;hit', $tab); 

 

이를테면 위와같이 dates라는 게시판제목의 다중탭 갤러리가 있다면 디폴트로 '월'이라는 탭이 디폴트로 선택되어 있게 되는데
일정시간동안(=여기선 10초로 정함) 입력이 없다면 자동으로 다른탭을 랜덤하게 선택해서 보여주는 방법입니다.

------------------------------------------------------------------------------------

 <script>

                $(function() {

var $savei;

var $sumnum=$('.latest-head-amina li[id$="_dates"]').length; //탭의 갯수를 파악

$('body').mousemove(function() {

clearInterval($savei);

$savei=setInterval(function(){

var $tnum=Math.floor(Math.random()*$sumnum);

     $('#Tab'+$tnum+'_dates>a').trigger('click');

},10000); // 10초동안 마우스입력이 없으면 랜덤하게 바꿔줌.

});  

});

</script>
-----------------------------------------------------------------------------------

index.php안에서 latest_amina​()가 사용되었다면 바로 위쪽이나 아래쪽에다 추가해주시면 됩니다.
그러나 실제로 10초보다는 상당히 짧다는 느낌이드니 알아서 조절하시기 바랍니다. 
ミ:つÞ

비슷하게 var $tnum=Math.floor(Math.random()*$sumnum);​ 랜덤한 방법을 응용하면 갤러리 이미지의 첫번째 순서를 랜덤하게

바꿀수도 있습니다.
예를들자면, http://tmk1.co.kr 보시면 페이지가 열릴때마다 메인갤러리 첫째순서가 랜덤하게 시작하지만 순차적으로 롤링하게 됩니다.
 

궁극적으로 latest_amina​() 함수자체에다 parameter를 줘서 옵션을 선택할 수 있게 만들수도 있으나 함부러 바꾸면 안될듯 해서

script로만 제시합니다.



반응형