이미지 변환되는 스크립트좀 봐주세요- 정보
이미지 변환되는 스크립트좀 봐주세요-본문
쇼핑몰에 사용중인 스크립트와 소스입니다.
링크를 빼고 사용하고 싶은데요 우선 주소는 뺏습니다.
이미지에 마우스를 대면 링크가 걸려서,,
소스를 좀 더 만져보다가 문제가 되어 질문올립니다.
이걸 좀 없애고 싶은데 부탁드릴께요
<script>
var romimain = new Array;
var romilink = new Array;
var romibt = new Array;
// 쌍따옴표사이에 주소를 넣으시면 됩니다
romimain[0] = "http://www.tobamall.co.kr/main/main_img01.jpg";
romilink[0] = ""; // 첫번째 이미지 주소
romibt[0] = "http://www.tobamall.co.kr/web/upload/romi/mb_on.png";
romimain[1] = "http://www.tobamall.co.kr/main/main_img02.jpg";
romilink[1] = ""; // 두번째 이미지 주소
romibt[1] = "http://www.tobamall.co.kr/web/upload/romi/mb_on.png";
romimain[2] = "http://www.tobamall.co.kr/main/main_img03.jpg";
romilink[2] = ""; // 세번째 이미지 주소
romibt[2] = "http://www.tobamall.co.kr/web/upload/romi/mb_on.png";
romimain[3] = "http://www.tobamall.co.kr/main/main_img04.jpg";
romilink[3] = ""; // 네번째 이미지 주소
romibt[3] = "http://www.tobamall.co.kr/web/upload/romi/mb_on.png";
var romiimg = "";
var romiimgSrc = "";
var n = Math.round(Math.random() * 10);
var interval = 2000;
var setTimeId = "";
function rotateStop()
{
clearTimeout(setTimeId);
}
function rotateStart()
{
rotate();
}
function chki(rm, no)
{
var rimg = document.all.romisimg;
var rurl = document.all.romiromi;
if(romiimg == "") {
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[no];
n=no;
rimg.src = romimain[no];
rurl.href = romilink[no];
} else if(romiimg != rm) {
romiimg.src = romiimgSrc;
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[no];
n=no;
rimg.src = romimain[no];
rurl.href = romilink[no];
}
}
function rotate()
{
n = (n >= 3) ? 0 : n+1;
setimgurl();
setTimeId=setTimeout("rotate()",interval);
}
function setimgurl()
{
var rm = eval("document.all.num_img"+n);
document.all.romisimg.filters.blendTrans.apply();
document.all.romiromi.href=romilink[n];
document.all.romisimg.src=romimain[n];
document.all.romisimg.filters.blendTrans.play();
if(romiimg == "") {
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[n];
} else if(romiimg != rm) {
romiimg.src = romiimgSrc;
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[n];
}
}
</script>
<table cellpadding="0" cellspacing="0" width="1000" height="300">
<tr>
<td width="1000" align="center" height="300"><body onLoad="rotateStart();">
<table cellpadding="0" cellspacing="0" width="840">
<tr><td width="840"><!--첫번째 이미지주소를 한번 더 a href 다음 쌍따옴표사이에 넣어주세요--><a href="http://www.tobamall.co.kr/front/php/product.php?product_no=1&main_cate_no=1&display_group=3" name="romiromi" onFocus="this.blur()" target="_top"><img src="http://www.tobamall.co.kr/main/main_img01.jpg" border="0" style="filter:blendTrans(duration=1);" name="romisimg"></a>
<div style="position:relative;">
<div style="width:40px; height:10px; position:absolute; right:15px; top:-30px; z-index:1;">
<table width="40" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://www.tobamall.co.kr/web/upload/romi/mb.png" border="0" style="cursor:hand" onClick="chki(this, 0);" name="num_img0"></td>
<td><img src="http://www.tobamall.co.kr/web/upload/romi/mb.png" border="0" style="cursor:hand" onClick="chki(this, 1);" name="num_img1"></td>
<td><img src="http://www.tobamall.co.kr/web/upload/romi/mb.png" border="0" style="cursor:hand" onClick="chki(this, 2);" name="num_img2"></td>
<td><img src="http://www.tobamall.co.kr/web/upload/romi/mb.png" border="0" style="cursor:hand" onClick="chki(this, 3);" name="num_img3"></td>
</tr>
</table>
</div></div>
</td></tr></table>
링크를 빼고 사용하고 싶은데요 우선 주소는 뺏습니다.
이미지에 마우스를 대면 링크가 걸려서,,
소스를 좀 더 만져보다가 문제가 되어 질문올립니다.
이걸 좀 없애고 싶은데 부탁드릴께요
<script>
var romimain = new Array;
var romilink = new Array;
var romibt = new Array;
// 쌍따옴표사이에 주소를 넣으시면 됩니다
romimain[0] = "http://www.tobamall.co.kr/main/main_img01.jpg";
romilink[0] = ""; // 첫번째 이미지 주소
romibt[0] = "http://www.tobamall.co.kr/web/upload/romi/mb_on.png";
romimain[1] = "http://www.tobamall.co.kr/main/main_img02.jpg";
romilink[1] = ""; // 두번째 이미지 주소
romibt[1] = "http://www.tobamall.co.kr/web/upload/romi/mb_on.png";
romimain[2] = "http://www.tobamall.co.kr/main/main_img03.jpg";
romilink[2] = ""; // 세번째 이미지 주소
romibt[2] = "http://www.tobamall.co.kr/web/upload/romi/mb_on.png";
romimain[3] = "http://www.tobamall.co.kr/main/main_img04.jpg";
romilink[3] = ""; // 네번째 이미지 주소
romibt[3] = "http://www.tobamall.co.kr/web/upload/romi/mb_on.png";
var romiimg = "";
var romiimgSrc = "";
var n = Math.round(Math.random() * 10);
var interval = 2000;
var setTimeId = "";
function rotateStop()
{
clearTimeout(setTimeId);
}
function rotateStart()
{
rotate();
}
function chki(rm, no)
{
var rimg = document.all.romisimg;
var rurl = document.all.romiromi;
if(romiimg == "") {
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[no];
n=no;
rimg.src = romimain[no];
rurl.href = romilink[no];
} else if(romiimg != rm) {
romiimg.src = romiimgSrc;
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[no];
n=no;
rimg.src = romimain[no];
rurl.href = romilink[no];
}
}
function rotate()
{
n = (n >= 3) ? 0 : n+1;
setimgurl();
setTimeId=setTimeout("rotate()",interval);
}
function setimgurl()
{
var rm = eval("document.all.num_img"+n);
document.all.romisimg.filters.blendTrans.apply();
document.all.romiromi.href=romilink[n];
document.all.romisimg.src=romimain[n];
document.all.romisimg.filters.blendTrans.play();
if(romiimg == "") {
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[n];
} else if(romiimg != rm) {
romiimg.src = romiimgSrc;
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[n];
}
}
</script>
<table cellpadding="0" cellspacing="0" width="1000" height="300">
<tr>
<td width="1000" align="center" height="300"><body onLoad="rotateStart();">
<table cellpadding="0" cellspacing="0" width="840">
<tr><td width="840"><!--첫번째 이미지주소를 한번 더 a href 다음 쌍따옴표사이에 넣어주세요--><a href="http://www.tobamall.co.kr/front/php/product.php?product_no=1&main_cate_no=1&display_group=3" name="romiromi" onFocus="this.blur()" target="_top"><img src="http://www.tobamall.co.kr/main/main_img01.jpg" border="0" style="filter:blendTrans(duration=1);" name="romisimg"></a>
<div style="position:relative;">
<div style="width:40px; height:10px; position:absolute; right:15px; top:-30px; z-index:1;">
<table width="40" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://www.tobamall.co.kr/web/upload/romi/mb.png" border="0" style="cursor:hand" onClick="chki(this, 0);" name="num_img0"></td>
<td><img src="http://www.tobamall.co.kr/web/upload/romi/mb.png" border="0" style="cursor:hand" onClick="chki(this, 1);" name="num_img1"></td>
<td><img src="http://www.tobamall.co.kr/web/upload/romi/mb.png" border="0" style="cursor:hand" onClick="chki(this, 2);" name="num_img2"></td>
<td><img src="http://www.tobamall.co.kr/web/upload/romi/mb.png" border="0" style="cursor:hand" onClick="chki(this, 3);" name="num_img3"></td>
</tr>
</table>
</div></div>
</td></tr></table>
댓글 전체
if(romiimg == "") {
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[no];
n=no;
rimg.src = romimain[no];
//rurl.href = romilink[no];//주석처리하시면 됩니다
} else if(romiimg != rm) {
romiimg.src = romiimgSrc;
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[no];
n=no;
rimg.src = romimain[no];
//rurl.href = romilink[no]; //주석처리하시면됩니다
}
}
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[no];
n=no;
rimg.src = romimain[no];
//rurl.href = romilink[no];//주석처리하시면 됩니다
} else if(romiimg != rm) {
romiimg.src = romiimgSrc;
romiimg = rm;
romiimgSrc = rm.src;
rm.src = romibt[no];
n=no;
rimg.src = romimain[no];
//rurl.href = romilink[no]; //주석처리하시면됩니다
}
}
! 답변대로 여기저기.. 바꿔서 사용해보았는데 안먹습니당TㅁT..
<!--첫번째 이미지주소를 한번 더 a href 다음 쌍따옴표사이에 넣어주세요--><a href="http://www.tobamall.co.kr/front/php/product.php?product_no=1&main_cate_no=1&display_group=3" name="romiromi" onFocus="this.blur()" target="_top"><img src="http://www.tobamall.co.kr/main/main_img01.jpg" border="0" style="filter:blendTrans(duration=1);" name="romisimg"></a>
이부붑도 a태그 부분 삭제하셔야 합니다
//document.all.romiromi.href=romilink[n]; //이부부도 주석처리입니다
document.all.romisimg.src=romimain[n];
이부붑도 a태그 부분 삭제하셔야 합니다
//document.all.romiromi.href=romilink[n]; //이부부도 주석처리입니다
document.all.romisimg.src=romimain[n];
우와 어렵네요;ㅁ;.. 감사합니다! 잘되어요!
