웹마스터 팁

이래저래 웹사이트와 익스프레스 사이트에서 얻은 간단한 소스로 잔머리좀 굴려 보았습니다.
뭐 초보가 올린 글이니, 고수님들께서는 그냥 패스 하셔도 좋습니다. 아니면, 잘못된 부분이나 더 쉬운 방법 있으면 가르쳐 주십시오.

예제 사이트 : http://elinoa.iptime.org
(절대 사이트 광고 아닙니다.)

제로보드 익스프레스에서 사용할려면 아래 주소로 가셔서 해당 애드온을 먼저 설치하여야 합니다.

http://www.xpressengine.com/?mid=download&package_srl=18648969

설치를 하셨다면, music.html를 만들어 노래가 돌아가는 파일을 하나 만들어야 합니다.


아래는 music.html 소스 입니다.

<object id="mplayer" width="280" height="60" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
type="application/x-oleobject">
<param name="autoStart" value="1">
<param name="volume" value="50">
<param name="showstatusbar" value="1">
</object>


<script language="JavaScript">
song = new Array();
song[00] = "00.mp3";
song[01] = "01.mp3";
song[02] = "02.mp3";
song[03] = "03.mp3";
song[04] = "04.mp3";
song[05] = "05.mp3";
song[06] = "06.mp3";
song[07] = "07.mp3";
song[08] = "08.mp3";
song[09] = "09.mp3";
song[10] = "10.mp3";
song[11] = "11.mp3";
song[12] = "12.mp3";
song[13] = "13.mp3";
song[14] = "14.mp3";
song[15] = "15.mp3";


function bgMusic(){
idx = Math.floor(Math.random() * song.length);
mplayer.open(song[idx]);

}

bgMusic();

</script>
<script language=javascript for=mplayer Event="EndOfStream()">
  setTimeout("bgMusic()", 1000);
</script>

 

그냥 노래를 계속 듣고 있으면 다른곡으로 바뀝니다.

저 같은 경우는 듣기 싫으면 넘기는 아주 나쁜 버른이 있어서...잔머리 굴려서 버튼을 하나를 추가 하였습니다.
제수없으면 똑같은 노래가 또 나옵니다.


아래 코드를 원하는 위치에 삽입합니다.

 

<script>
function PlayIt(){
 top.new_frame.mplayer.Play();
}

function StopIt(){
 top.new_frame.mplayer.Stop();
}

function PauseIt(){
 top.new_frame.mplayer.Pause();
}

</script>
<table width="70" height="10" border="0" align="right" cellpadding="0" cellspacing="0">
  <tr>
    <td align="right"><a href="javascript:PauseIt();"><img src="music/pause.png" alt="일시정지" width="10" height="10" border="0" /></a></td>
    <td align="right"><a href="javascript:PlayIt();"><img src="music/play.png" alt="듣기" width="10" height="10" border="0" /></a></td>
    <td align="right"><a href="javascript:StopIt();"><img src="music/stop.png" alt="정지" width="10" height="10" border="0" /></a></td>
    <td align="right"><a href="music/music.html" target="new_frame"><img src="music/next.png" alt="다음" width="10" height="10" border="0" /></a></td>
  </tr>
</table>

 

게시판 같은경우 상단 소스 넣는 부분에 이용하여 복사 하시면 됩니다.
※ 이미지는 10픽셀 크기로 원하는 위치에 만들어서 넣어서 사용하십시오.

빼먹어서 밑에 추가 합니다.
본인 같은경우 XE 폴더 밑에 "music"라는 폴더를 만들어서 그곳에 다 넣어서 작업하였습니다.
경로는 각자 사용하는 폴더에 맞춰서 변경해주셔야 합니다.

제목 글쓴이 날짜
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] HomeBox™ 2002.06.27
[Tip]로딩속도 높이는 10가지 방법. [8] HomeBox™ 2002.06.28
>> 밑줄과 글씨의 색을 다르게 [예제포함] [3] 아미v 2002.06.29
[사이트제작팁]팁의 보물창고~ [7] webdio *^-^* 2002.07.03
전광판? 나도 한 번 해볼까 ^^v [4] Xynex:) 2002.07.03
Scrollbar Generator [스크롤바 색상을 쉽게 바꿀수 있게 코드생성] [6] 문사라 2002.07.11
[BGM-초급]나모로 BGM 설치하기 (다운받기-시노부 포함) [5] file ▩윤미 2002.07.14
xmp 태그를 아시나요 [9] 세벌사랑 2002.07.30
이미지 클릭했을때 주변에 생기는 점선 없애는 이벤트. [7] 김승진 2002.07.30
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] 세이렌 2002.07.30
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] 세이렌 2002.07.30
이미지에 border="0"값 않넣고 하는방법 [14] ZipShin 2002.07.30
웹페이지 소스보기. [4] ZipShin 2002.07.31
[Siren]페이지 여백 없애기 [8] 세이렌 2002.07.31
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] ZipShin 2002.07.31
iframe을 이용하여 target효과 주기. [8] ZipShin 2002.08.01
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] 세이렌 2002.08.01
[HTML 초보자] 태그(Tag)의 역사 [6] ZipShin 2002.08.03
[Siren]투명 이미지 [14] 세이렌 2002.08.04
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] ZipShin 2002.08.07