묻고답하기
제로보드 무공이 높으신 분들... 이런식의 갤러리는 제로보드에서는 어떻게 구현할 수 있을까요?
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>
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
이즈영 | 메인메뉴 폰트에 관하여 여쭙니다. | |
안전지대 |
이미지 관련 위젯 표시불가
![]() | |
교자 | 이 메시지는 어떤걸까요? [1] | 2010.06.03 by 행복한고니 |
보로봉봉 | 묻고답하기 (지식인) 게시판 스킨 관련 질문입니다 :ㅖ) | |
제이빅 | 최상단에 고정 프레임을 넣고 싶은데요.. | |
유토피아관리자 | 제로보드xe로그인창을 나모에 달고싶습니다. [1] | 2010.06.03 by mindpainter |
Hosting.ort | 레이아웃문제 해결해주세요. [1] | 2010.06.03 by mindpainter |
miso777 |
게시판 설정에서 뉴 표시시간.?
[1]
![]() | 2010.06.03 by 네오랑 |
에비게일 | 도메인 연결에 대해 문의드립니다. [1] | 2010.06.03 by 네오랑 |
보로봉봉 | 회원들 이미지 몇개만 랜덤으로 보여주기? | |
007611 | 쉬운설치 오류 [1] | 2010.06.03 by 백성찬 |
휘잉 | 1.4.22 업데이트후 이미지 링크가 모두 깨집니다. [1] | 2010.06.03 by 백성찬 |
이태배기 | 코드생성 | |
정주환655 | 글이 자동 삭제되고 있습니다. [1] | 2010.06.03 by 백성찬 |
딸깍발이 | 쉬운설치 도중 오류발생 후...parse error: syntax error... [2] | 2010.06.03 by 딸깍발이 |
Frot | 일련번호(자동증가)로 확장변수 추가하기 | |
오스카 | 제로xe에서 회원에게, 회원메일과 SMS보내는 기능이 있나요? [2] | 2010.06.03 by 오스카 |
wqerq | ShopXE 통계기능에 대해서요~ | |
양삼줄 | 윈도우 2008서버에서만 설치가 가능한가요? [1] | 2010.06.03 by 백성찬 |
wqerq | DB에 추가한 사항에 대해서요~ |