jquery 모바일 메인슬라이딩 스킨 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

jquery 모바일 메인슬라이딩 스킨 정보

최신글 jquery 모바일 메인슬라이딩 스킨

첨부파일

ma_rolling.zip (172.1K) 746회 다운로드 2015-05-01 16:01:13

본문

jquery 모바일 메인슬라이딩 스킨입니다.

터치로 넘기는 기능도 지원합니다.

부족한 스킨이지만 많은 활용부탁드립니다.
추천
6

댓글 전체

latest.skin.php 아래 옵션부분에

      slideSpeed : 300,
      paginationSpeed : 400,
      singleItem : true,
      autoPlay : true

이렇게 수정하시면 자동으로 롤링됩니다.
감사합니다. 잘 됩니다....^^ 잘 쓰겠습니다.....

그리고 참고로, 이미지에 링크 거실 분들은,

<img src="<?=$imagepath?>" alt="The Last of us"> <- 이 부분을 아래처럼 하시면 게시물 작성시 링크1에
입력한 링크로 이동합니다..
<div class="item"><a href="<?php echo $list[$i][wr_link1];?>" target="_blank"><img src="<?=$imagepath?>" alt="The Last of us"></a></div>

이미지 롤링 속도를 조정하고 싶은 분들은,,,(겨우 찾았음...ㅎㅎ)

ma_rolling/owl-carousel/owl.carousel.js 에서 112번째 줄
base.options.autoPlay = 5000; //이 부분 조정하시면 됩니다.
속도조절같은 경우는 소스수정보다는 autoPlay : 5000 요렇게 하시면 됩니다.

그리고 세부옵션이 궁금하신 분이 계신다면

http://owlgraphic.com/owlcarousel/#customizing
안녕하세요 문의 드립니다.
모바일 메인 슬라이딩 스킨을 적용 시키면 모바일에서 index.php의 상품들을 선택했을때 상품이 안나옵니다
<div> <?php echo latest('ma_rolling', 'pt', 12, 25); ?> </div> shop.head.php에 적용했습니다
고수님들 알려주세요 부탁드립니다
행복한 하루 되세요
네 맞게 올렸습니다
슬라이딩은 잘 나오는데 슬라이딩을 적용시키면 모바일에서 상품페이지 이미지가 안나옵니다
슬라이딩 적용을 해제하면 상품페이지가 제대로 작동합니다
슬라이딩을 적용하고 싶은데 방법이 없을까요
도와주세요 부탁드립니다
제가 올려드린 스킨은 영카트 상품용 최신글이 아니구요 그누5 용 게시판 (겔러리용)입니다. 상품용으로 쓰실려면 lastest.skin.php를 수정해야 됩니다.
모바일의 shop.head.php 파일에 적용하였고
슬라이딩 스킨에는 일반 사진게시판을 불러왔습니다
슬라이딩은 아주 잘 나옵니다 그런데 슬라이딩을 적용하면
index 부분의 상품 상세페이지에서 상품 이미지도 안나오고 선택이 전혀 안되요
슬라이딩 스킨을 제거하면 상품 상세페이지가 정상 작동합니다
오늘 하루동안 여기에 매달리고 있습니다
저로서는 도저히 해결을 못찾고 있습니다
슬라이딩 스킨을 꼭 적용하고 싶습니다
제발 도와주세요 부탁드립니다
메인 이미지 슬라이딩으로 사용하고 싶으시면
(PHP를 잘 모르기 때문에 무식한 방법으로 적용했습니다.)

<div id="owl-demo" class="owl-carousel">
<?php for ($i=0; $i<count($list); $i++) {
  $noimage = "$latest_skin_url/images/1.jpg";
  $list[$i][file] =get_file($bo_table, $list[$i][wr_id]);
  $imagepath = $list[$i][file][0][path]."/".$list[$i][file][0][file];
?>
<div class="item"><img src="<?=$imagepath?>" alt="The Last of us"></div>
<?php
  $i=1;
  $list[$i][file] =get_file($bo_table, $list[$i][wr_id]);
  $imagepath = $list[$i][file][0][path]."/".$list[$i][file][0][file];
?>
<div class="item"><img src="<?=$imagepath?>" alt="The Last of us"></div>
<?php
  $i=2;
  $list[$i][file] =get_file($bo_table, $list[$i][wr_id]);
  $imagepath = $list[$i][file][0][path]."/".$list[$i][file][0][file];
?>
<div class="item"><img src="<?=$imagepath?>" alt="The Last of us"></div>

<? } ?>
</div>

이렇게 수정하면 적용한 게시판에서 0번글의 첨부이미지, 1번글의 첨부이미지, 3번 글의 첨부이미지를 업어와서
이미지 슬라이딩 기능이 작동합니다.
카닭스님 감사합니다
덕분에 해결했습니다
latest.skin.php 파일에 위에 소스 적용하고 jquery script 제거하니까
정상적으로 작동합니다
카닭스님 정말 고맙고 감사합니다
환절기 감기조심 하시고 즐겁고 행복한 하루 되세요
감사합니다
깔끔하고 사용하기도 편리한데 이미지 사이즈를 650 * 450 하니까 모바일 크기에 비례해서 맞춰지는 게 아니라
컴퓨터 화면에서의 이미지 크기만큼 커지는데 방법이 없을까여? ㅠㅠ
좋은 자료 감사합니다.
적용해보니 작동은 잘됩니다.
그런데... 저만 그런건지 모르겠는데 한가지 문제가 있습니다.
이걸 메인페이지에 적용하면 그누보드5 기본 모바일화면 상단의 메뉴, 검색이 작동을 하지 않습니다.
그누보드5 기본 모바일 스킨뿐 아니라 위토스모바일스킨에서도 동일한 증상이네요.
이거 해결 방법이 없을까요?
지금 이것 저것 소스 만져보니
<script src="<?=$latest_skin_url?>/assets/js/jquery-1.9.1.min.js"></script>
를 삭제하니 모바일화면 상단의 메뉴, 검색 제대로 작동을 하네요.
슬라이딩 스킨도 제대로 작동하구요.
링크 1주소가 있을땐 새창 으로 / 링크 주소가 없을때 본문 글로 이동
https://sir.kr/qa/310990?vpage=1#answer_311014 (펄스나인님께서 댓글 주셨어요~너무 잘되요 !! )
하단 동그라미를 이미지 안에 넣고 싶었는데 .
 owl.theme 파일에서 .owl-theme .owl-controls{margin-top: 값을 - 마이너스값을 주어서
이미지위로 올렸습니다
그리고 동그라미는owl.theme 파일에서  .owl-theme .owl-controls .owl-page span{ 
width: ;height: 동그라미 크기 조절하고요 .background 동그라미 색상 수정 opacity: 값으로 동그라미 투명도 조절 했습니다

좋은 스킨 공개해주셔서 감사합니다
오늘날짜로 그누보드 최신버전에 잘 적용됩니다
전체 2,431 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT