[최근글] 모바일용 반응형 슬라이더 (동영상 포함, 썸네일만 재업 오류수정)홈페이지 아마나 초기화면 반응형 슬라이더 파일
링크
첨부
등록일
2013.09.03 00:32
컨텐츠 정보
- 15,204 조회
- 2 댓글
- 0 추천
-
목록
본문
홈페이지 아마나 초기화면 반응형 슬라이더 파일..............................
![2013-08-26_220521.png](https://11q.kr/pc/data/editor/1308/3232235521_1377522575.765.png)
![2013-08-26_221001.png](https://11q.kr/pc/data/editor/1308/3232235521_1377522613.3541.png)
\n
그누보드g4s&아미나모바일v3 index.php에 반응형베너 슬라이더 삽입
[최근글] 모바일용 반응형 슬라이더 (동영상 포함, 썸네일만 재업 오류수정)
동영상이 슬라이더(모바일 용)에 포함되어 바로 실행할 수 있도록 만들어 보았습니다. 그런데 모바일에서는 실행을 하더라도 화면이 전환이 안되는데 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 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 : 기존의 스킨은 이미지전용이고 이 스킨은 동영상 포함이라 소스가 많이 달라서 새로 올렸습니다. 양해 바랍니다.
............수정 내용..................
![2013-08-26_220521.png](https://11q.kr/pc/data/editor/1308/3232235521_1377522575.765.png)
![2013-08-26_221001.png](https://11q.kr/pc/data/editor/1308/3232235521_1377522613.3541.png)
<div class="bg-check">
<!-- <img src="<?php echo THEMA_URL; ?>/img/amina.png" border=0 alt="" width="240" /> -->
<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에서 이동 됨]
\n
[이 게시물은 관리자님에 의해 2013-11-17 19:08:52 11.H_BBS에서 이동 됨]
\n[이 게시물은 관리자님에 의해 2013-11-17 19:10:20 12.H.Mobile에서 이동 됨]
\n[이 게시물은 관리자님에 의해 2013-11-18 21:29:50 11.H_BBS에서 이동 됨]
관련자료
-
링크
-
첨부등록일 2013.09.03 00:32
댓글 2
11q.kr관리자님의 댓글
모바일하고 같이 기본 설정후 안드로이드 모바일은 그림이 정상으로 나오고 \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관리자님의 댓글
----------------------\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>