여분필드를 이용한 리스트에 음악넣기 정보
여분필드를 이용한 리스트에 음악넣기
관련링크
첨부파일
본문
list.skin.php에 음악은 넣어보았습니다.
여분필드 10번을 사용하였습니다.
list.skin.php
<th scope="col">번호</th>
<th scope="col">제목</th>
<th scope="col">Music</th>
<th scope="col">글쓴이</th>
중략
<!-- 음악넣기 시작 -->
<td class="td_name sv_use" style=text-align:center>
<?php if($list[$i]['wr_10']){?>
<div style="width:30px;height:30px;overflow:hidden;box-sizing:initial;border-radius:50%;border:1px solid #cccccc;margin:0 auto">
<audio style=height:30px;margin-left:-11px src="<?php echo $list[$i]['wr_10'] ?>" loop controls></audio>
</div>
<?php }?>
</td>
<!-- 음악넣기 종료 -->
<td class="td_name sv_use" style=text-align:center><?php echo $list[$i]['name'] ?></td>
<td class="td_num"><?php echo $list[$i]['wr_hit'] ?></td>
글쓰기에서 mp3파일 주소를 적어줍니다.
예:http://example.com/music/josumi.mp3
write.skin.php
<!-- 썸네일 프리 -->
<input type=text class="frm_input full_input" name=wr_9 value="<?php echo $write['wr_9']; ?>" placeholder=썸네일주소:wr_9>
<!-- 리스트에 음악넣기 -->
<input type=text class="frm_input full_input" name=wr_10 value="<?php echo $write['wr_10']; ?>" placeholder=Music:wr_10>
첨부한 파일을 압축풀면 list_music_pc, list_music_mobile 두개의 폴더가 나옵니다.
각각 그누보드 순정기준으로 list_music_pc은 skin/board/list_music_pc가되게,
list_music_mobile은 mobile/skin/board/list_music_mobile이 되게 업로드합니다.
적용하는 방법은 일반적인 게시판을 적용하는 방법과 같습니다.
여분필드 wr_9은 리스트에 썸네일을 넣는 것입니다. 사진주소를 넣으시면 됩니다.
<!-- 음악넣기 시작 -->
<?php if($list[$i]['wr_10']){?>
<div style="width:30px;height:30px;overflow:hidden;box-sizing:initial;border-radius:50%;border:1px solid #cccccc;margin:0 auto;">
<audio style=height:30px;margin-left:-11px src="<?php echo $list[$i]['wr_10'] ?>" loop controls></audio>
</div>
<?php }?>
<!-- 음악넣기 종료 -->에서 반복 재생을 원하지 않으시면 loop를 빼시면되고 자동재생을 원하시면 autoplay를 넣으시면 됩니다.
추천
6
6
댓글 9개
감사합니다.
감사합니다
감사합니다 :)
대단히 감사합니다.
감사합니다.
감사합니다
제가 초보라...
꼭 필요한 자료인데 적용하는 방법 좀 설명해주시면 정말 고맙겠습니다.
복사해서 어느 위치에 붙여 넣기 해야 하는지... 부탁드립니다.
꼭 필요한 자료인데 적용하는 방법 좀 설명해주시면 정말 고맙겠습니다.
복사해서 어느 위치에 붙여 넣기 해야 하는지... 부탁드립니다.
