페이지 경고창 없애고 무한 롤링
안녕하세요?
고수님분들에게 가르침 받고자 합니다.
이제 홈페이지 공부 시작한 일인 입니다.
자스인데요
혼자 해결하지를 못해 여기에 질문 올립니다.
1~6까지 도달하면 다시 1번으로 갓음 하거든요
그리고 1번에서도 6번으로
한마디로
페이지 경고창 없애고 무한 롤링
하고 싶습니다.
<script type="text/javascript">
<!--
var pst = 1;// 초기 이미지 페이지 위치(변경 가능)
var img_src = new Array();
// img_src 를 원하는 이미지 경로로 변경(규칙 없음, 갯수를 늘려도 상관 없음)
img_src[0] = './img/p_1.jpg';
img_src[1] = './img/p_2.jpg';
img_src[2] = './img/p_3.jpg';
img_src[3] = './img/p_4.jpg';
img_src[4] = './img/p_5.jpg';
img_src[5] = './img/p_6.jpg';
img_src[6] = './img/p_7.jpg';
img_src[7] = './img/p_8.jpg';
img_src[8] = './img/p_9.jpg';
img_src[9] = './img/p_10.jpg';
img_src[10] = './img/p_11.jpg';
img_src[11] = './img/p_12.jpg';
var img_link = new Array();
// img_link 를 원하는 이동 주소로 변경(규칙 없음, 갯수를 늘려도 상관 없음)
img_link[0] = '/bbs/board.php?bo_table=pro_notice1';
img_link[1] = '/bbs/board.php?bo_table=pro_notice2';
img_link[2] = '/bbs/board.php?bo_table=pro_notice3';
img_link[3] = '/bbs/board.php?bo_table=pro_notice4';
img_link[4] = '/bbs/board.php?bo_table=pro_notice5';
img_link[5] = '/bbs/board.php?bo_table=pro_notice6';
img_link[6] = '/bbs/board.php?bo_table=pro_notice7';
img_link[7] = '/bbs/board.php?bo_table=pro_notice8';
img_link[8] = '/bbs/board.php?bo_table=pro_notice9';
img_link[9] = '/bbs/board.php?bo_table=pro_notice10';
img_link[10] = '/bbs/board.php?bo_table=pro_notice11';
img_link[11] = '/bbs/board.php?bo_table=pro_notice12';
function roll_img(typ) {
pst = eval(pst + typ + 1);
var cnt = pst * obL;
if (pst <= 0)
{
alert("첫 페이지입니다!");
pst = 1;
cnt = 0;
}
else if (pst > lmt)
{
alert("페이지 갯수(" + lmt + ")를 초과하였습니다.");
pst = lmt;
cnt = pst * obL;
}
else {
for (var i=0, p=cnt-obL; i<obL; i++, p++)
{
var img_src_parse = img_src[p].split("/");
var img_name = img_src_parse[img_src_parse.length-1];//경로를 제외한 이미지 이름
obj1[i].src = img_src[p];
obj1[i].alt = img_name;
obj2[i].href = img_link[p];
}
}
}
function set_imglink() {
var cnt = pst * obL;
for (var i=0, p=cnt-obL; i<obL; i++, p++)
{
var img_src_parse = img_src[p].split("/");
var img_name = img_src_parse[img_src_parse.length-1];//경로를 제외한 이미지 이름
obj1[i].src = img_src[p];
obj1[i].alt = img_name;
obj2[i].href = img_link[p];
}
}
//-->
</script>
<table>
<tr>
<td align=center >
<div align="right"><span onClick="roll_img('-')" style="cursor:pointer"><img src=img/left_cusor.jpg></span><span onClick="roll_img('+')" style="cursor:pointer"><img src=img/right_cusor.jpg></span></div>
<table border="0" cellspacing="0" cellpadding="2" id="tbl[]" name="tbl[]">
<tr align="center">
<td width="300" height="100"><a name="r_link[]" target="_self"><img name="r_img[]" border="0"></a></td>
</tr>
<tr align="center">
<td width="300" height="100"><a name="r_link[]" target="_self"><img name="r_img[]" border="0"></a></td>
</tr>
</table>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
var obj1 = document.getElementsByName("r_img[]");
var obj2 = document.getElementsByName("r_link[]");
var obL = obj1.length;
var imL = img_src.length;
var lmt = parseInt(imL / obL);// 이미지 페이지 갯수
set_imglink();
//-->
</script>
<!--
var pst = 1;// 초기 이미지 페이지 위치(변경 가능)
var img_src = new Array();
// img_src 를 원하는 이미지 경로로 변경(규칙 없음, 갯수를 늘려도 상관 없음)
img_src[0] = './img/p_1.jpg';
img_src[1] = './img/p_2.jpg';
img_src[2] = './img/p_3.jpg';
img_src[3] = './img/p_4.jpg';
img_src[4] = './img/p_5.jpg';
img_src[5] = './img/p_6.jpg';
img_src[6] = './img/p_7.jpg';
img_src[7] = './img/p_8.jpg';
img_src[8] = './img/p_9.jpg';
img_src[9] = './img/p_10.jpg';
img_src[10] = './img/p_11.jpg';
img_src[11] = './img/p_12.jpg';
var img_link = new Array();
// img_link 를 원하는 이동 주소로 변경(규칙 없음, 갯수를 늘려도 상관 없음)
img_link[0] = '/bbs/board.php?bo_table=pro_notice1';
img_link[1] = '/bbs/board.php?bo_table=pro_notice2';
img_link[2] = '/bbs/board.php?bo_table=pro_notice3';
img_link[3] = '/bbs/board.php?bo_table=pro_notice4';
img_link[4] = '/bbs/board.php?bo_table=pro_notice5';
img_link[5] = '/bbs/board.php?bo_table=pro_notice6';
img_link[6] = '/bbs/board.php?bo_table=pro_notice7';
img_link[7] = '/bbs/board.php?bo_table=pro_notice8';
img_link[8] = '/bbs/board.php?bo_table=pro_notice9';
img_link[9] = '/bbs/board.php?bo_table=pro_notice10';
img_link[10] = '/bbs/board.php?bo_table=pro_notice11';
img_link[11] = '/bbs/board.php?bo_table=pro_notice12';
function roll_img(typ) {
pst = eval(pst + typ + 1);
var cnt = pst * obL;
if (pst <= 0)
{
alert("첫 페이지입니다!");
pst = 1;
cnt = 0;
}
else if (pst > lmt)
{
alert("페이지 갯수(" + lmt + ")를 초과하였습니다.");
pst = lmt;
cnt = pst * obL;
}
else {
for (var i=0, p=cnt-obL; i<obL; i++, p++)
{
var img_src_parse = img_src[p].split("/");
var img_name = img_src_parse[img_src_parse.length-1];//경로를 제외한 이미지 이름
obj1[i].src = img_src[p];
obj1[i].alt = img_name;
obj2[i].href = img_link[p];
}
}
}
function set_imglink() {
var cnt = pst * obL;
for (var i=0, p=cnt-obL; i<obL; i++, p++)
{
var img_src_parse = img_src[p].split("/");
var img_name = img_src_parse[img_src_parse.length-1];//경로를 제외한 이미지 이름
obj1[i].src = img_src[p];
obj1[i].alt = img_name;
obj2[i].href = img_link[p];
}
}
//-->
</script>
<table>
<tr>
<td align=center >
<div align="right"><span onClick="roll_img('-')" style="cursor:pointer"><img src=img/left_cusor.jpg></span><span onClick="roll_img('+')" style="cursor:pointer"><img src=img/right_cusor.jpg></span></div>
<table border="0" cellspacing="0" cellpadding="2" id="tbl[]" name="tbl[]">
<tr align="center">
<td width="300" height="100"><a name="r_link[]" target="_self"><img name="r_img[]" border="0"></a></td>
</tr>
<tr align="center">
<td width="300" height="100"><a name="r_link[]" target="_self"><img name="r_img[]" border="0"></a></td>
</tr>
</table>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
var obj1 = document.getElementsByName("r_img[]");
var obj2 = document.getElementsByName("r_link[]");
var obL = obj1.length;
var imL = img_src.length;
var lmt = parseInt(imL / obL);// 이미지 페이지 갯수
set_imglink();
//-->
</script>
|
댓글을 작성하시려면 로그인이 필요합니다.