묻고답하기
이미지롤오버시이미지바꾸기..
2007.06.27 09:46
혹시이런작업해보신분 계신가요
작은이미지를 밑에올리고 그이미지를 롤오버하면 위에 큰이미지가 뜨는겁니다..
밑에이미지를 롤오버할때마다 위에있는 큰이미지들이 바뀌는거죠..
소스를 어렵게 구해서 고친다고 고친건데 잘안되네요;;;
혹시아시는분 부탁드립니다 ㅜㅜㅜㅜ 제발..............ㅜㅜㅜㅜ
<?
$_zb_url = "http://enship.co.kr/bbs/";
$_zb_path = "/home1/chamislno3/bbs/";
include $_zb_path."outlogin.php";
?>
<html>
<head>
<script language="JavaScript">
<!--
if (document.images) {
img1_open = new Image();
img2_open = new Image();
img3_open = new Image();
img1_open.src = "img1.jpg";
img2_open.src = "img2.jpg";
img3_open.src = "img3.jpg";
}
function over(i,j)
{
if (document.images)
eval('document.img'+i+'.src=img'+j+'_open.src');
}
//-->
</script>
<table width="300" height="158" border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img name=img1 border=0 src="http://enship.co.kr/image/mdc7-1.jpg" width=300 height=300>
</td>
</tr>
<tr>
<td>
<a href="http://enship.co.kr/image/mcd7-1.jpg" onMouseOver="over(1,1);" ><img border=0 alt="Changing image..." src="mcd7-1.jpg" width=100 height=100></a>
</td>
<td>
<a href="http://enship.co.kr/image/mcd7-2.jpg" onMouseOver="over(1,2);" ><img border=0 alt="Changing image..." src="mcd7-2.jpg" width=100 height=100></a>
</td>
<td>
<a href="http://enship.co.kr/image/mcd7-3.jpg" onMouseOver="over(1,3);" ><img border=0 alt="Changing image..." src="mcd7-3.jpg" width=100 height=100></a>
</td>
</tr>
</table>
원래소스는 이렇습니다..
<script language="JavaScript">
<!--
if (document.images) {
img1_open = new Image();
img2_open = new Image();
img3_open = new Image();
img1_open.src = "img1.jpg";
img2_open.src = "img2.jpg";
img3_open.src = "img3.jpg";
}
function over(i,j)
{
if (document.images)
eval('document.img'+i+'.src=img'+j+'_open.src'); //이미지 오버시 변경처리
}
//-->
</script>
<table width="300" height="158" border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img name=img1 border=0 alt="이미지 변경" src="img4.jpg" width=300 height=300>
</td>
</tr>
<tr>
<td>
<a href="http://cafe.daum.net/imeji" onMouseOver="over(1,1);" ><img border=0 alt="Changing image..." src="img1.jpg" width=100 height=100></a>
</td>
<td>
<a href="http://cafe.daum.net/imeji" onMouseOver="over(1,2);" ><img border=0 alt="Changing image..." src="img2.jpg" width=100 height=100></a>
</td>
<td>
<a href="http://cafe.daum.net/imeji" onMouseOver="over(1,3);" ><img border=0 alt="Changing image..." src="img3.jpg" width=100 height=100></a>
</td>
</tr>
</table>
아니면 플래시나포토샵으로 만드는방법도 아시는분 간단하다면 알려주셔도 상관없구요 소스가더쉽다면 소스로 해도되구요..
부탁드립니다 ㅜㅜㅜ
작은이미지를 밑에올리고 그이미지를 롤오버하면 위에 큰이미지가 뜨는겁니다..
밑에이미지를 롤오버할때마다 위에있는 큰이미지들이 바뀌는거죠..
소스를 어렵게 구해서 고친다고 고친건데 잘안되네요;;;
혹시아시는분 부탁드립니다 ㅜㅜㅜㅜ 제발..............ㅜㅜㅜㅜ
<?
$_zb_url = "http://enship.co.kr/bbs/";
$_zb_path = "/home1/chamislno3/bbs/";
include $_zb_path."outlogin.php";
?>
<html>
<head>
<script language="JavaScript">
<!--
if (document.images) {
img1_open = new Image();
img2_open = new Image();
img3_open = new Image();
img1_open.src = "img1.jpg";
img2_open.src = "img2.jpg";
img3_open.src = "img3.jpg";
}
function over(i,j)
{
if (document.images)
eval('document.img'+i+'.src=img'+j+'_open.src');
}
//-->
</script>
<table width="300" height="158" border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img name=img1 border=0 src="http://enship.co.kr/image/mdc7-1.jpg" width=300 height=300>
</td>
</tr>
<tr>
<td>
<a href="http://enship.co.kr/image/mcd7-1.jpg" onMouseOver="over(1,1);" ><img border=0 alt="Changing image..." src="mcd7-1.jpg" width=100 height=100></a>
</td>
<td>
<a href="http://enship.co.kr/image/mcd7-2.jpg" onMouseOver="over(1,2);" ><img border=0 alt="Changing image..." src="mcd7-2.jpg" width=100 height=100></a>
</td>
<td>
<a href="http://enship.co.kr/image/mcd7-3.jpg" onMouseOver="over(1,3);" ><img border=0 alt="Changing image..." src="mcd7-3.jpg" width=100 height=100></a>
</td>
</tr>
</table>
원래소스는 이렇습니다..
<script language="JavaScript">
<!--
if (document.images) {
img1_open = new Image();
img2_open = new Image();
img3_open = new Image();
img1_open.src = "img1.jpg";
img2_open.src = "img2.jpg";
img3_open.src = "img3.jpg";
}
function over(i,j)
{
if (document.images)
eval('document.img'+i+'.src=img'+j+'_open.src'); //이미지 오버시 변경처리
}
//-->
</script>
<table width="300" height="158" border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img name=img1 border=0 alt="이미지 변경" src="img4.jpg" width=300 height=300>
</td>
</tr>
<tr>
<td>
<a href="http://cafe.daum.net/imeji" onMouseOver="over(1,1);" ><img border=0 alt="Changing image..." src="img1.jpg" width=100 height=100></a>
</td>
<td>
<a href="http://cafe.daum.net/imeji" onMouseOver="over(1,2);" ><img border=0 alt="Changing image..." src="img2.jpg" width=100 height=100></a>
</td>
<td>
<a href="http://cafe.daum.net/imeji" onMouseOver="over(1,3);" ><img border=0 alt="Changing image..." src="img3.jpg" width=100 height=100></a>
</td>
</tr>
</table>
아니면 플래시나포토샵으로 만드는방법도 아시는분 간단하다면 알려주셔도 상관없구요 소스가더쉽다면 소스로 해도되구요..
부탁드립니다 ㅜㅜㅜ