이미지 롤링 or 미니 팝업 롤링

<?php

$bdid = "board_01"; // 불러올 게시판 아이디, 수정하세요
$limit = "7"; // 몇개를 뽑을것인가, 수정하세요

// $limit 설정만큼 뽑아라. 비밀글, 공지사항은 제외
$query=mysql_query("select * from zetyx_board_$bdid where is_secret!='1' and headnum >-'2000000000' order by no desc limit $limit");

//width="710" height="390"
$wid = '710px';
$hei = '390px';
$divOn = "<div id='main_img_roop' >";
//$divOn = "<div id='main_img_roop' style='width:".$wid.";height:".$hei.";' >";
$cnt = 0;
$display = "";
while($data = mysql_fetch_array($query)){ // 돌려
 $url = $_zb_url."view.php?id=".$bdid."&no=".$data[no]; // 링크
 if(eregi(".gif|.jpg|.png",$data['file_name1'])) { // 첨부파일
   $file1 = $_zb_url.str_replace("%2F", "/", urlencode($data['file_name1']));
 }else{
   $file1 = "noImg.gif"; // 대체할 이미지
 }
 $subject = cut_str(stripslashes($data[subject]),25); // 제목, 20은 글자수

 $cnt++;
 $divOn .= "<a href='".$url."' ".$display." id='main_img_".$cnt."' onMouseOver='stopMainImg();' onMouseOut='startMainImg();' ><img style='width:".$wid.";height:".$hei.";' src='".$file1."' alt='".$subject."' /><p>".$subject."</p></a>";
 if($display == "" ){
  $display = " style='display:none;' ";
 }
} // end while
$divOn .= "</div>";

echo $divOn;
?>
<script language='JavaScript'>
var main_img_cnt = '<?=$cnt?>';
var main_img_now = '1';
var main_img;
function playMainImg(){
 if( main_img_now == main_img_cnt ){
  main_img_now = 1;
 }else{
  main_img_now++;
 }
 for( var i = 1 ; i <= main_img_cnt ; i++ ){
  var imgId = 'main_img_'+i;
  if( main_img_now == i ){
   document.getElementById(imgId).style.display = "";
  }else{
   document.getElementById(imgId).style.display = "none";
  }
 }
}
function startMainImg(){
 main_img = setInterval("playMainImg()",2000);//1000  = 1초
}
function stopMainImg(){
 clearInterval(main_img);//멈추는용도
}
startMainImg();
</script>

 

메인의 특정 이미지 자동 회전또는 미니 팝업의 자동 회전 방식.

마우스 오버시 일시 정지, 마우스 아웃시 다시 회전