묻고답하기
제로보드 무공이 높으신 분들... 이런식의 갤러리는 제로보드에서는 어떻게 구현할 수 있을까요?
2009.08.12 07:13
아래의 링크와 같이 섬네일 이미지를 클릭할때마다 페이지전체가 reload되지 않고, 아래의 사이트와 같이 동일한 페이지 한부분만 load되어 이미지가 보여지는 것을 구현하고자 합니다.
http://jjgallery.cafe24.com/artists.do?proc=view&artistIndex=32
제로보드에서는 어떤 방법들이 있을까요?
하드코어 코딩을 해야하는 경우만 아니었음 합니다. 프로그래머가 아니라 디자이너라.. ^^;;
답변감사합니다.
댓글 5
-
SMaker
2009.08.12 07:24
자바스크립트로 구현한 것 같습니다. -
땡땡
2009.08.12 07:44
SMaker님 답변감사합니다. 자바스크립트로 구현하기위해 단계 단계 따라 할 수 있는 튜토리얼같은거 없을까요? 참고해서 도전해 볼만한 가이드라인이 있음 좋겠는데... 도움 바랍니다. 감사합니다. -
소스임니다
<html>
<head>
<title>이미지 앨범</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript"><!--
function mysesangimg(myimg) {
if (myimg==1) my.src="http://mustang48.com.ne.kr/m-1/1.jpg";
if (myimg==2) my.src="http://mustang48.com.ne.kr/m-1/2.jpg";
if (myimg==3) my.src="http://mustang48.com.ne.kr/m-1/3.jpg";
if (myimg==4) my.src="http://mustang48.com.ne.kr/m-1/4.jpg";
if (myimg==5) my.src="http://mustang48.com.ne.kr/m-1/5.jpg";
if (myimg==6) my.src="http://mustang48.com.ne.kr/m-1/6.jpg";
if (myimg==7) my.src="http://mustang48.com.ne.kr/m-1/7.jpg";
if (myimg==8) my.src="http://mustang48.com.ne.kr/m-1/8.jpg";
if (myimg==9) my.src="http://mustang48.com.ne.kr/m-1/9.jpg";
if (myimg==10) my.src="http://mustang48.com.ne.kr/m-1/10.jpg";
if (myimg==11) my.src="http://mustang48.com.ne.kr/m-1/11.jpg";}
// -->
</script>
</head>
<body>
<img src="http://mustang48.com.ne.kr/m-1/1.jpg" name="my"><p>
<img style="cursor:hand" onMouseOver="mysesangimg(1)" src="http://mustang48.com.ne.kr/m-1/1.jpg";" width="41" height="40">
<img style="cursor:hand" onMouseOver="mysesangimg(2)" src="http://mustang48.com.ne.kr/m-1/2.jpg";" width="41" height="40">
<img style="cursor:hand" onMouseOver="mysesangimg(3)" src="http://mustang48.com.ne.kr/m-1/3.jpg";" width="41" height="40">
<img style="cursor:hand" onMouseOver="mysesangimg(4)" src="http://mustang48.com.ne.kr/m-1/4.jpg";" width="41" height="40">
<img style="cursor:hand" onMouseOver="mysesangimg(5)" src="http://mustang48.com.ne.kr/m-1/5.jpg";" width="40" height="40">
<img style="cursor:hand" onMouseOver="mysesangimg(6)" src="http://mustang48.com.ne.kr/m-1/6.jpg";" width="40" height="40">
<img style="cursor:hand" onMouseOver="mysesangimg(7)" src="http://mustang48.com.ne.kr/m-1/7.jpg";" width="40" height="40">
<img style="cursor:hand" onMouseOver="mysesangimg(8)" src="http://mustang48.com.ne.kr/m-1/8.jpg";" width="41" height="40">
<img style="cursor:hand" onMouseOver="mysesangimg(9)" src="http://mustang48.com.ne.kr/m-1/9.jpg";" width="41" height="40">
<img style="cursor:hand" onMouseOver="mysesangimg(10)" src="http://mustang48.com.ne.kr/m-1/10.jpg";" width="41" height="40">
<img style="cursor:hand" onMouseOver="mysesangimg(11)" src="http://mustang48.com.ne.kr/m-1/11.jpg";" width="41" height="40">
</body>
</html>
그림주소만 바꿔서 넣이세요^*^
-
땡땡
2009.08.12 08:16
reform님 답변 감사합니다.
새페이지 만들어서 '페이지수정' 모드에 들어가서 '내용직접추가'에서 소스코드를 넣고 저장을 했는데요, 자바스크립트 부분은 거기에 저장이 안되나보네요. 페이지수정으로 다시들어가서 아까 붙여넣은 소스코드를 보니, script를 포함한 헤더부분의 내용이 모두 사라지고 아래처럼만 남아있네요.
이러 스크립트 코드는 어딘가에 따로 저장을 해놓아야 하나요? 똑같은 형태의 갤러리를 여러개 만들고자 하는데, 추가 조언 부탁드립니다. 감사합니다. ^^
<img src="http://mustang48.com.ne.kr/m-1/1.jpg" name="my" editor_component="image_link" /><p> <img style="cursor:hand" onmouseover="mysesangimg(1)" src="http://mustang48.com.ne.kr/m-1/1.jpg" ;"="" width="41" height="40" editor_component="image_link" /> <img style="cursor:hand" onmouseover="mysesangimg(2)" src="http://mustang48.com.ne.kr/m-1/2.jpg" ;"="" width="41" height="40" editor_component="image_link" /> <img style="cursor:hand" onmouseover="mysesangimg(3)" src="http://mustang48.com.ne.kr/m-1/3.jpg" ;"="" width="41" height="40" editor_component="image_link" /> <img style="cursor:hand" onmouseover="mysesangimg(4)" src="http://mustang48.com.ne.kr/m-1/4.jpg" ;"="" width="41" height="40" editor_component="image_link" /> <img style="cursor:hand" onmouseover="mysesangimg(5)" src="http://mustang48.com.ne.kr/m-1/5.jpg" ;"="" width="40" height="40" editor_component="image_link" /> <img style="cursor:hand" onmouseover="mysesangimg(6)" src="http://mustang48.com.ne.kr/m-1/6.jpg" ;"="" width="40" height="40" editor_component="image_link" /> <img style="cursor:hand" onmouseover="mysesangimg(7)" src="http://mustang48.com.ne.kr/m-1/7.jpg" ;"="" width="40" height="40" editor_component="image_link" /> <img style="cursor:hand" onmouseover="mysesangimg(8)" src="http://mustang48.com.ne.kr/m-1/8.jpg" ;"="" width="41" height="40" editor_component="image_link" /> <img style="cursor:hand" onmouseover="mysesangimg(9)" src="http://mustang48.com.ne.kr/m-1/9.jpg" ;"="" width="41" height="40" editor_component="image_link" /> <img style="cursor:hand" onmouseover="mysesangimg(10)" src="http://mustang48.com.ne.kr/m-1/10.jpg" ;"="" width="41" height="40" editor_component="image_link" /> <img style="cursor:hand" onmouseover="mysesangimg(11)" src="http://mustang48.com.ne.kr/m-1/11.jpg" ;"="" width="41" height="40" editor_component="image_link" /> </p>
-
저는 제계정에 al.htm 으로 저장했어요 컴네거에서는 이제 이미지서비스를 안해준다네요 글구요 제로게시판에올리면 소스가 깨지더라구요 근데 1.2.4에서도 깨지는지 모르겟네요 아직 안해봤거든요 계정으로 업로드해서 아이프래임으로 불러왔어요... <iframe id="comment" name="comment" src="http://www.dbhs.co.kr/al.htm" width="300" height="500" frameborder="0" scrolling="no"></iframe>
