안녕하세요?
고수님분들에게 가르침 받고자 합니다.
이제 홈페이지 공부 시작한 일인 입니다.
자스인데요
혼자 해결하지를 못해 여기에 질문 올립니다.
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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 12487 |
PHP
pc 모바일 체크
|
| 12486 |
PHP
계정 사용량(용량) 확인
|
| 380 | |
| 12484 | |
| 12483 |
MySQL
소수점 반올림 버림
|
| 376 | |
| 12482 | |
| 12481 |
PHP
에러 로그파일 생성하기
|
| 12479 | |
| 12478 | |
| 12477 |
PHP
후이즈검색 하기 입니다.
|
| 12476 |
PHP
그래프 그리기 입니다.
|
| 12475 |
JavaScript
자바스크립트로 구현한 number_format() 입니다.
|
| 12474 |
JavaScript
금액 관련 숫자를 한글로 변환하기 입니다.
|
| 12473 |
PHP
PHP 날짜 계산 관련 함수
|
| 12472 |
jQuery
jQuery 1.x와 2.x 버전 동시에 사용하기
|
| 12471 | |
| 12470 | |
| 12469 |
JavaScript
사업자 등록번호 검사하기 입니다.
|
| 371 | |
| 12468 | |
| 12467 |
JavaScript
항상 같은곳에 광고창 만들기 입니다.
|
| 12466 |
JavaScript
부메뉴 나오게 하기 입니다.
|
| 12465 |
JavaScript
특정문자 제거하기 입니다.
|
| 12464 |
JavaScript
휴대폰번호 검사 하기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기