[최근글] 모바일용 반응형 슬라이더 (동영상 포함, 썸네일만 재업 오류수정)

동영상이 슬라이더(모바일 용)에 포함되어 바로 실행할 수 있도록 만들어 보았습니다. 그런데 모바일에서는 실행을 하더라도 화면이 전환이 안되는데 pc에서는 얼마정도 플레이된다음 넘어가네요(익스에서만)... 모바일에서는 문제가 없습니다.

설치방법은 amina/thema/basic_jQm/index.php를 열어주세요.

<div class="bg-check">
<img src="<?php echo THEMA_URL; ?>/img/logo.png" border=0 alt="" width="240" />
<?php echo latest_amina("amina", "main_mobile_slider", '8', '20', 'head_skin=none list_skin=basic-mobile2 thumb_size=548x302 img_rdm=1 img_link=link')?>
</div>

전 로고밑에다가 설치를 하였습니다. 게시판은 관리자 전용이라 img_link=link로 옵션을 주셔서 링크1에다가 클릭 후 이동할 주소를 적어주었습니다. 만약 그냥 게시물 주소로 가시길 원하시면 img_link=link을 빼주시면됩니다.

다운받으신 후 모바일비디오슬라이더폴더 안의 들어있는 파일을 root에 올리시면 됩니다. 동영상링크는 아미나설정에서 동영상주소 나오게 설정하신 후 링크를 넣으시면됩니다.

list_skin=basic-mobile3으로 바꿔주시면 동영상은 나오지 않고 썸네일만 생성됩니다.

ps : 기존의 스킨은 이미지전용이고 이 스킨은 동영상 포함이라 소스가 많이 달라서 새로 올렸습니다. 양해 바랍니다.

............수정 내용..................

<h4><span class="<?php echo $txt_css; ?>">Shimss HomePage</span></h4>

<?php echo latest_amina("amina", "z1_04", '8', '20', 'head_skin=none list_skin=basic-mobile3 thumb_size=548x302 img_rdm=1 img_link=link')?>

</div>

[이 게시물은 관리자님에 의해 2013-09-03 00:30:46 12.H.Mobile에서 이동 됨]

[이 게시물은 관리자님에 의해 2013-11-17 19:08:52 11.H_BBS에서 이동 됨]

[이 게시물은 관리자님에 의해 2013-11-17 19:10:20 12.H.Mobile에서 이동 됨]

[이 게시물은 관리자님에 의해 2013-11-18 21:29:50 11.H_BBS에서 이동 됨]

[ 추가 정보 ... 더보기) ]

뷰PDF 1,2

office view photo|insert||||||file||||||||

링크

http://amina.co.kr/bbs/board.php?bo_table=skin&wr_id=235 1955 회 연결
첨부

amina_mobile_video_slider_2pc__3.zip 파일크기 (147.6K) 3 회 다운로드

등록일 2013.09.03 00:32

댓글목록

11q.kr관리자님의 댓글

11q.kr관리자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

아이피 (192.♡.0.1) 작성일 13-09-02 21:22

모바일하고 같이 기본 설정후 안드로이드 모바일은 그림이 정상으로 나오고 \r\npc의 index에 그림이 크기가 변경이 되지 않네요 \r\n<div class="bg-check"> \r\n<?php echo latest_amina("amina", 'z1_04', '8', '20', 'head_skin=none list_skin=basic-mobile2 thumb_size=1000x800 img_rdm=1 img_link=link')?> \r\n</div>\r\n \r\nLV 3 신비나라 2013.09.01 04:04:28 SNS 보내기\r\nlatest.lib.css 여기서 199라인 보시면 \r\n.slider-container { \r\nwidth:100%; \r\nmax-width:548px; \r\nmargin: 0 auto \r\n} \r\n라고 보이실 겁니다. max-width:548px; 이걸 max-width:1000px;으로 늘려주세요. 그대신 모바일용으로 쓰실때에는 max-width:548px;이걸 준수하시는게 좋으시니 mobile4라는 폴더를 하나 더만드셔서 거기에 저렇게 latest.lib.css내용을 바꿔주시고 pc페이지에 적용해주시면 됩니다~

11q.kr관리자님의 댓글

11q.kr관리자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

아이피 (192.♡.0.1) 작성일 13-09-02 21:40

----------------------\r\n\r\npc화면 수정\r\n\r\n- basic-mobile2pc 로 하나 복사\r\n\r\n- latest.list.css의 199라인수정\r\n\r\n.slider-container { \r\n\r\n width:100%; \r\n\r\n max-width:1000px; \r\n\r\n margin: 0 auto \r\n\r\n\r\n\r\n - index.php 추가\r\n\r\n<div class="bg-check">\r\n\r\n<?php echo latest_amina("amina", 'z1_04', '8', '20', 'head_skin=none list_skin=basic-mobile2pc thumb_size=1000x800 img_rdm=1 img_link=link')?> \r\n\r\n</div>