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

아래의 소스는 주로 쇼핑몰 사이트에서 메인화면에 등록된 상품 이미지를 슬라이드 형식으로 출력하는 형식으로 많이 사용되는 부분일겁니다.
메타 태그를 사용할때 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 제로보드에서 관리자 비번 분실시
오작교
17337   2016-06-27
 
150 계정을 옮길 때
오작교
26111   2008-11-25
 
149 제로보드의 변수 모음 정리
오작교
53659   2008-07-24
 
148 참고로 할만한 제로보드 팁 공간가기
오작교
22902   2008-01-11
 
147 제로보드 설치하기(이미지)
오작교
23546   2007-11-13
 
146 스팸성 댓글 일괄 삭제하기(IP 방식) 1
오작교
25636   2009-09-24
 
145 홈페이지 보안강화 도구(Castle) 보급안내 2
오작교
17688   2009-09-14
 
144 최근 게시물 nowrap 적용하기
오작교
21156   2009-08-30
 
143 활동 로그기록 남기기 2
오작교
29876   2009-04-29
 
142 최근 갤러리(슬라이드 형) 스킨
오작교
21445   2009-03-10
 
141 회원가입폼에서 생년월일 마우스로 선택하기 1
오작교
21694   2009-03-10
 
140 회원가입 폼에서 한/영키를 누르는 수고를 없애기 1
오작교
19105   2009-03-10
 
139 최근 게시물에 새코멘트 표시해주기
오작교
20185   2009-03-10
 
138 회원가입 - 나이제한하기
오작교
21274   2009-02-27
 
137 드롭메뉴에 관한 팁 하나 1
오작교
19689   2009-02-27
 
136 2009. 02. 09 - 제로보드 4 보안 패치 p19
오작교
19989   2009-02-27
 
135 비회원의 게시판 접근을 막기
오작교
21717   2009-02-26
 
134 우리 홈 게시판 스팸 차단 1
오작교
24393   2009-02-06
 
133 회원관리 페이지의 리스트 목록 늘리기
오작교
19189   2008-12-19
 
132 zb4(Mysql 3.2)에서 zb4(Mysql 5)로 DB 백업본
오작교
21559   2008-12-16
 

로그인