안녕하세요?
고수님분들에게 가르침 받고자 합니다.
이제 홈페이지 공부 시작한 일인 입니다.
자스인데요
혼자 해결하지를 못해 여기에 질문 올립니다.
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>
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5777 | 10년 전 | 450 | ||
| 5776 | 10년 전 | 300 | ||
| 5775 | 10년 전 | 230 | ||
| 5774 | 10년 전 | 909 | ||
| 5773 | 10년 전 | 263 | ||
| 5772 | 10년 전 | 294 | ||
| 5771 | 10년 전 | 409 | ||
| 5770 | 10년 전 | 364 | ||
| 5769 | 10년 전 | 219 | ||
| 5768 | 10년 전 | 271 | ||
| 5767 | 10년 전 | 1147 | ||
| 5766 | 10년 전 | 378 | ||
| 5765 | 10년 전 | 459 | ||
| 5764 | 10년 전 | 423 | ||
| 5763 | 10년 전 | 372 | ||
| 5762 | 10년 전 | 222 | ||
| 5761 | 10년 전 | 369 | ||
| 5760 | 10년 전 | 415 | ||
| 5759 | 10년 전 | 835 | ||
| 5758 | 10년 전 | 312 | ||
| 5757 | 10년 전 | 383 | ||
| 5756 | 10년 전 | 348 | ||
| 5755 | 10년 전 | 364 | ||
| 5754 | 10년 전 | 245 | ||
| 5753 | 10년 전 | 425 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기