묻고답하기
제로보드 무공이 높으신 분들... 이런식의 갤러리는 제로보드에서는 어떻게 구현할 수 있을까요?
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님 답변감사합니다. 자바스크립트로 구현하기위해 단계 단계 따라 할 수 있는 튜토리얼같은거 없을까요? 참고해서 도전해 볼만한 가이드라인이 있음 좋겠는데... 도움 바랍니다. 감사합니다. -
reform
2009.08.12 08:03
소스임니다
<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>
-
reform
2009.08.12 12:27
저는 제계정에 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>
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
연필깎는까치 | [Q&A] 질문게시판 스프링노트를 만들었습니다. | |
토토로야 | 홈페이지 만드려는데 [1] | 2009.08.12 by SMaker |
YM플라톤 | 고수님 질문이요 [2] | 2009.08.12 by 팩토리 |
한마디 | 도와 주세요. [2] | 2009.08.12 by 한마디 |
고잉홈 | 색상코드의 영문 대/소문자는 구분없이 써도 괜찮은 건가요. [11] | 2009.08.12 by 치천 |
납짝이 | 파일첨부시 Error Code:HTTP Error, file name:abc.zip, Message :403 [1] | 2009.08.12 by 밀림의 왕자 |
소박한꿈 | XE 1.2.4 버전 첨부파일 오류좀 알려주세요~ | |
우리쌀 | 한글 출력하는 법~~~~ [1] | 2009.08.12 by pianissimo |
오빠짱 | 게시판 스킨.. 본문 보기 이렇게 수정하려면 어렵겠쬬? [1] | 2009.08.12 by 다스베이더 |
Eris | 화면 아래쪽에 주소 연락처 넣으려고하는데 안됩니다. [2] | 2009.08.12 by Eris |
skillmaker | 소스편집하는 프로그램같은거;;ㄷ; | |
ㅍㅔㅇㅣㅍㅓ | 첨부 파일 표시에서 특정 확장자 파일 표시 하지 않기 [1] | 2009.08.12 by ㅍㅔㅇㅣㅍㅓ |
레일맨 | 페이지 편집한 내용은 어디에 저장되나요? | |
Skyline920 | 최근 문서 출력시 뒤에 by who 나오게 하는 방법... [2] | 2009.08.12 by Skyline920 |
김양원203 | 배너 사진이 엑박이예요.~ | |
새매 | 제목 표시줄 [2] | 2009.08.12 by 새매 |
imdj | 첨부파일 크기제한 올리려면 어떻게 하나요? [2] | 2009.08.12 by imdj |
보납산 | 기본 레이아웃 화면 변경하려면... [1] | 2009.08.12 by 백성찬 |
러커 | 웹관련 질문입니다. 도와주세요~ | |
송지하 | zbxe에서 xe로 업그레이드 [1] | 2009.08.12 by NEARSTORY |