글 수 151
2007.09.23 11:18:02 (*.154.72.170)
9495

아래의 소스는 주로 쇼핑몰 사이트에서 메인화면에 등록된 상품 이미지를 슬라이드 형식으로 출력하는 형식으로 많이 사용되는 부분일겁니다.
메타 태그를 사용할때 10개를 출력을 시키면 다시 처음으로 되돌아 갈때 공백부분이 보이지만 아래 소스는 그런 경우가 없이 자연스럽게 슬라이드 됩니다.
자바스크립 소스를 사용해서 이렇게 디비의 내용을 추출해서 사용할 수 있구나 하시고 참고해 보시면 좋을듯 싶내요..

실행방법은 아래 소스를 보시고 사용자 정보를 기재후에 원하는 파일명으로 만든 다음에 업로드를 합니다.
출력하고자 하는 부분에 인쿠르드를 하시면 되겠습니다..
<? //디비정보
$_zb_url = "제로보드가 설치된 url";
$_zb_path = "제로보드가 설치된 절대경로";
include $_zb_path."outlogin.php";
$lanks = 10; // 뽑을 갯수
$bidg = 적용할 게시판 이름; // 추출할 게시판 이름
$result5= mysql_query("select * from zetyx_board_$bidg order by no desc limit $lanks") or die(mysql_error());
?>
<script type="text/javascript">
var sliderwidth="342px" // 가로넓이
var sliderheight="100px" // 세로 높이
var slidespeed=1 // 슬라이드 스피드 수치가 높으면 속도업
slidebgcolor="#f8f8f8" // 이미지뒤에 배경색

var leftrightslide=new Array()
var finalslide=''
<?
$j=0;
while($data2=mysql_fetch_array($result5)) {
$no =  stripslashes($data2[no]);
$file = stripslashes($data2[file_name1]);
$data[subject] = cut_str($data2[subject], 10); //제목글자 10자로 자르기
$subject = strip_tags(stripslashes($data2[subject]));
if(eregi("\.gif|\.jpg",$data2[file_name1])) $filename = $_zb_url.$data2[file_name1];
elseif(eregi("\.gif|\.jpg",$data2[file_name2])) $filename = $_zb_url.$data2[file_name2];
else $filename="<img src='https://홈주소/노이미지용파일 이름 width='100' height='90' border=0 />";
if($filename) {
?>
leftrightslide[<?=$j?>]='<a href="<?=$_zb_url?>zboard.php?id=<?=$bidg?>&no=<?=$no?>"><img src="<?=$filename?>"  width="100" height="90" border=0 align=absmiddle /></a> '
<?
}
$j++;
}
?>
var imagegap=" "
var slideshowgap=5

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:5px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:5px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<span width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<span name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></span>')
write('<span name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></span>')
write('</span >')
}
document.write('</td></table>')
}
}
</script>
                                                                                                                            글출처 : Tip Korea
번호
제목
글쓴이
151 제로보드에서 관리자 비번 분실시
오작교
2016-06-27 17218  
150 계정을 옮길 때
오작교
2008-11-25 25979  
149 제로보드의 변수 모음 정리
오작교
2008-07-24 53536  
148 참고로 할만한 제로보드 팁 공간가기
오작교
2008-01-11 22794  
147 제로보드 설치하기(이미지)
오작교
2007-11-13 23417  
146 스팸성 댓글 일괄 삭제하기(IP 방식) 1
오작교
2009-09-24 25524  
145 홈페이지 보안강화 도구(Castle) 보급안내 2
오작교
2009-09-14 17575  
144 최근 게시물 nowrap 적용하기
오작교
2009-08-30 21044  
143 활동 로그기록 남기기 2
오작교
2009-04-29 29735  
142 최근 갤러리(슬라이드 형) 스킨
오작교
2009-03-10 21339  
141 회원가입폼에서 생년월일 마우스로 선택하기 1
오작교
2009-03-10 21548  
140 회원가입 폼에서 한/영키를 누르는 수고를 없애기 1
오작교
2009-03-10 19001  
139 최근 게시물에 새코멘트 표시해주기
오작교
2009-03-10 20059  
138 회원가입 - 나이제한하기
오작교
2009-02-27 21151  
137 드롭메뉴에 관한 팁 하나 1
오작교
2009-02-27 19579  
136 2009. 02. 09 - 제로보드 4 보안 패치 p19
오작교
2009-02-27 19864  
135 비회원의 게시판 접근을 막기
오작교
2009-02-26 21589  
134 우리 홈 게시판 스팸 차단 1
오작교
2009-02-06 24279  
133 회원관리 페이지의 리스트 목록 늘리기
오작교
2008-12-19 19062  
132 zb4(Mysql 3.2)에서 zb4(Mysql 5)로 DB 백업본
오작교
2008-12-16 21451  

로그인