Web/Javascript
over out clicked 이미지 변경
aucd29
2013. 9. 26. 21:28
후기 : 쓰벌 이미지는 배열 id값이 안된다 흑흑흑 이것땜시 허버 헤멧어
<script language='javascript'>
/***************************************************************************
*
* Date : 2004-07-08
* Copyright : aucd29
* E-mail : aucd29@daum.net
* Type : Function
*
* 이미지 롤오버 js버전 클릭시 리로드 없이 변경가능 레이어 작업가능
*
***************************************************************************/
<!--
var over_mark = '_over';
var o_len = over_mark.length;
var CheckImg = 'x';
function Over(thiss)
{
obj = thiss.src;
len = obj.length;
_chk = len-o_len-4;
OverCheck = obj.substr(_chk,o_len);
if(OverCheck!=over_mark)
{
_ext = len - o_len+1;
ext = obj.substr(_ext,o_len);
thiss.src = obj.replace(ext,over_mark+ext);
}
else
{
CheckImg = thiss.src;
}
}
function Out(thiss)
{
obj = thiss.src;
len = obj.length;
_chk = len-o_len-4;
OverCheck = obj.substr(_chk,o_len);
if(OverCheck==over_mark&&CheckImg!=obj)
{
thiss.src = obj.replace(over_mark,'');
}
}
function Clicked(thiss)
{
var i=0;
var max = 12;
for(i=1; i<=max; ++i)
{
obj = document.all('overimg_'+i);
if(obj.src != thiss.src)
{
obj.src = obj.src.replace(over_mark,'');
}
else
{
Over(thiss);
}
}
}
//-->
//<img id='overimg_1' src='img/sample1_over.gif' width='40' height='40' onMouseOver='Over(this)' onMouseOut='Out(this)' onClick='Clicked(this,1)' class='hand'>
</script>
<script language='javascript'>
/***************************************************************************
*
* Date : 2004-07-08
* Copyright : aucd29
* E-mail : aucd29@daum.net
* Type : Function
*
* 이미지 롤오버 js버전 클릭시 리로드 없이 변경가능 레이어 작업가능
*
***************************************************************************/
<!--
var over_mark = '_over';
var o_len = over_mark.length;
var CheckImg = 'x';
function Over(thiss)
{
obj = thiss.src;
len = obj.length;
_chk = len-o_len-4;
OverCheck = obj.substr(_chk,o_len);
if(OverCheck!=over_mark)
{
_ext = len - o_len+1;
ext = obj.substr(_ext,o_len);
thiss.src = obj.replace(ext,over_mark+ext);
}
else
{
CheckImg = thiss.src;
}
}
function Out(thiss)
{
obj = thiss.src;
len = obj.length;
_chk = len-o_len-4;
OverCheck = obj.substr(_chk,o_len);
if(OverCheck==over_mark&&CheckImg!=obj)
{
thiss.src = obj.replace(over_mark,'');
}
}
function Clicked(thiss)
{
var i=0;
var max = 12;
for(i=1; i<=max; ++i)
{
obj = document.all('overimg_'+i);
if(obj.src != thiss.src)
{
obj.src = obj.src.replace(over_mark,'');
}
else
{
Over(thiss);
}
}
}
//-->
//<img id='overimg_1' src='img/sample1_over.gif' width='40' height='40' onMouseOver='Over(this)' onMouseOut='Out(this)' onClick='Clicked(this,1)' class='hand'>
</script>