묻고답하기
인터넷 유료 만화사이트처럼 만화책 보는창을 자바로 어떻게 꾸미나요??(급함;;)
2004.05.09 19:50
이 위에 그림처럼 페이지를 한장씩 한장씩 넘길수 있게
하는 자바 좀알려주세요 ㅠㅠ~~ 급해요~~ㅠㅠ
홈페이지가 만화책관련 사이트인데 저걸 이용해 보여주고 싶어서
이 위에 그림처럼 페이지를 한장씩 한장씩 넘길수 있게
하는 자바 좀알려주세요 ㅠㅠ~~ 급해요~~ㅠㅠ
홈페이지가 만화책관련 사이트인데 저걸 이용해 보여주고 싶어서
2004.05.09 19:50
1. 아래의 소스를 수정해서 <HEAD>와 </head>사이에 넣으세요
<script language="Javascript">
<!--
var imgname=1;
var loadtime=0;
var maximgname=10;//사용할 이미지의 갯수와 일치시키세요
<!--마우스 오른쪽 클릭금지 메시지-->
function mouseright(e)
{
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) {
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) {
alert("안녕하세요?");
return false;
}
return true;
}
function keypress(e)
{
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) {
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' && (event.keyCode == 13)) {
WhereToGo();
}
if (event.ctrlKey == true) {
return false;
}
return true;
}
function imagechg(num){
imgname=imgname+num;
if(imgname>maximgname){
imgname--;
}
if(imgname<1){
imgname++;
}
refresh.value="";
imgsrc.src="http://jikili.com/myphoto/minsok/"+imgname+".jpg" ;//그림파일이 들어있는 폴더경로와 이미지 확장자 종류
startimg.value=imgname;
endimg.value=maximgname;
}
function autoimgchg(){
var tmpvalue;
tmpvalue=refresh.value;
tmpvalue=tmpvalue/1;
tmpvalue=tmpvalue*1000;
if(imgname<maximgname){
imgname++;
imgsrc.src="http://jikili.com/myphoto/minsok/"+imgname+".jpg";//그림파일이 들어있는 폴더경로와 이미지 확장자 종류
startimg.value=imgname;
endimg.value=maximgname;
}
if(tmpvalue>0 && imgname < maximgname){
timerID=setTimeout("autoimgchg()",tmpvalue);
}
}
function loadcheck(){
imgsrc.src="http://jikili.com/myphoto/minsok/"+imgname+".jpg" ;//그림파일이 들어있는 폴더경로와 이미지 확장자 종류
startimg.value=imgname;
endimg.value=maximgname;
}
function WhereToGo(){
var tmpvalue;
tmpvalue=ToGo.value;
tmpvalue=tmpvalue/1;
ToGo.value="";
refresh.value=0;
if(tmpvalue<=maximgname && tmpvalue >= 0){
imgname=tmpvalue;
imgsrc.src="http://jikili.com/myphoto/minsok/"+imgname+".jpg" ;//그림파일이 들어있는 폴더경로와 이미지 확장자 종류
startimg.value=imgname;
endimg.value=maximgname;
}
}
document.onmousedown=mouseright;
document.onkeydown=keypress;
-->
</script>
2. 아래처럼 <body> 태그 안에 [bgcolor="white" topmargin=0 leftmargin=0 oncontextmenu="return false" ondragstart="return false" onselectstart="return false"]를 넣으세요
<body bgcolor="white" topmargin=0 leftmargin=0 oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
3. 아래의 소스를 수정해서 <body>와 </body>사이에 넣으세요
<table width="580" border="1" cellspacing="0" height="450" align="center" bordercolordark="white" bordercolorlight="black">
<tr>
<td align=center width="459" bgcolor="#CCCCCC">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align=center valign=top>
<a name=1><input type=image border=0 name=imgsrc onclick='autoimgchg();'>
</a></td>
<td> </td>
<td></td>
</tr>
</table>
</td>
<td valign="top" align=center bgcolor="#FFFF99">
<!--아래에서 http://jikili.com/bbs/data/data/jikili2.gif로고 이미지지를 여러분의 것으로 바꾸세요-->
<br><a href="#1"><!-- <a href="http://jikili.com" target="_blank"> --><img src=http://jikili.com/bbs/data/data/jikili2.gif border=0 name=logo></a>
<table width="80" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td class="g2">
<div align="center"> <font color="black" size="2" face="돋움">페이지 자동<br>
전환 기능</font></div>
</td>
</tr>
<tr>
<td>
<div align="center">
<select name="refresh">
<option Value="0" selected>수동보기</option>
<option Value="2" >2초자동보기</option>
<option Value="5" >5초자동보기</option>
<option Value="10" >10초자동보기</option>
</select> </div>
</td>
</tr>
<tr>
<td>
<div align="center"> <input type="image" name="submit" onclick="autoimgchg();" value="선택" src="http://jikili.com/love/ex/img/select.gif"></div>
</td>
</tr>
</table>
<br>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p><table width="80" border="0" cellspacing="0" cellpadding="4" align="center">
<tr>
<td class="g2" colspan="2">
<div align="center"><font color="#000000">Page</font><br> <font color="#000000">
<input type=text name=startimg size=2> / <input type=text name=endimg size=2>
</font><br>
<br>
</div>
</td>
</tr>
<script language="Javascript">
<!--
logo.click();
loadcheck();
-->
</script></td>
</tr>
<tr>
<td>
<div align="center">
<a href="#1" onclick="imagechg(-1);"><img border=0 src="http://jikili.com/love/ex/img/back.gif"></a>
</div>
</td>
<td class="g2">
<div align="center">
<font color="#000000">이전</font>
</div>
</td>
</tr>
<tr>
<td>
<div align="center">
<a href="#1" onclick="imagechg(1);"><img border=0 src="http://jikili.com/love/ex/img/front.gif"></a>
</div>
</td>
<td class="g2">
<div align="center">
<font color="#000000">다음</font>
</div>
</td>
</tr>
</table>
<br>
</p>
<br>
<table width="105" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="47">
<input type="text" name="ToGo" value="" size="5" maxlength=4>
</td>
<td width="58">
<div align="center"><input type="image" onclick="WhereToGo();" src="http://jikili.com/love/ex/img/search.gif"></div>
</td>
</tr>
</table>
</td>
</tr>
</table>