웹마스터 팁

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

예제 사이트 : 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"라는 폴더를 만들어서 그곳에 다 넣어서 작업하였습니다.
경로는 각자 사용하는 폴더에 맞춰서 변경해주셔야 합니다.

제목 글쓴이 날짜
평택오피 평택오피 ⦑출장안마사이트.COM⦒ 평택OP 평택스파 평택오피 koykoyah 2025.02.19
일산오피 ⦑오피.CLUB⦒ 일산OP 일산오피 일산출장샵 일산오피 koykoyah 2025.02.19
동탄오피 ⦑출장마사지안내.COM⦒ 동탄오피 동탄OP 동탄건마 동탄오피 koykoyah 2025.02.19
역삼오피 ⦑오피.CLUB⦒ 역삼오피 역삼OP 역삼건마 역삼오피 koykoyah 2025.02.19
익산오피 ⦑오피사이트.NET⦒ 익산오피 익산OP 익산건마 익산오피 koykoyah 2025.02.19
수원오피 ⦑오피.CLUB⦒ 수원마사지 수원오피 수원오피 수원OP koykoyah 2025.02.19
송탄오피 ⦑출장안마사이트.COM⦒ 송탄OP 송탄오피 송탄출장샵 송탄오피 koykoyah 2025.02.19
충주오피 충주오피 ⦑출장안마사이트.COM⦒ 충주OP 충주스파 충주오피 koykoyah 2025.02.19
동탄오피 동탄오피 ⦑오피.CLUB⦒ 동탄OP 동탄스파 동탄오피 koykoyah 2025.02.19
대구오피 ⦑오피.CLUB⦒ 대구마사지 대구오피 대구오피 대구OP koykoyah 2025.02.19
신촌오피 ⦑오피사이트.NET⦒ 신촌OP 신촌오피 신촌출장샵 신촌오피 koykoyah 2025.02.19
건대오피 ⦑출장안마사이트.COM⦒ 건대OP 건대오피 건대출장샵 건대오피 koykoyah 2025.02.19
서초오피 ⦑오피쓰.COM⦒ 서초오피 서초출장마사지 서초오피 서초OP koykoyah 2025.02.19
대전오피 ⦑출장마사지안내.COM⦒ 대전오피 대전출장마사지 대전오피 대전OP koykoyah 2025.02.19
안양오피 안양OP ⦑오피사이트.NET⦒ 안양휴게텔 안양오피 안양오피 koykoyah 2025.02.19
대구오피 ⦑오피사이트.NET⦒ 대구오피 대구출장마사지 대구오피 대구OP koykoyah 2025.02.19
분당오피 ⦑오피쓰.COM⦒ 분당마사지 분당오피 분당오피 분당OP koykoyah 2025.02.19
남양주오피 ⦑오피쓰.COM⦒ 남양주오피 남양주출장마사지 남양주오피 남양주OP koykoyah 2025.02.19
안양오피 ⦑출장안마사이트.COM⦒ 안양마사지 안양오피 안양오피 안양OP koykoyah 2025.02.19
부산오피 ⦑오피쓰주소.COM⦒ 부산마사지 부산오피 부산오피 부산OP koykoyah 2025.02.19