jquery 모바일 메인슬라이딩 스킨 정보
최신글 jquery 모바일 메인슬라이딩 스킨첨부파일
본문
추천
6
6
댓글 전체
감사합니다.
감사합니다...
근데 자동으로 롤링은 안되는지요....
근데 자동으로 롤링은 안되는지요....
latest.skin.php 아래 옵션부분에
slideSpeed : 300,
paginationSpeed : 400,
singleItem : true,
autoPlay : true
이렇게 수정하시면 자동으로 롤링됩니다.
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; //이 부분 조정하시면 됩니다.
그리고 참고로, 이미지에 링크 거실 분들은,
<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
그리고 세부옵션이 궁금하신 분이 계신다면
http://owlgraphic.com/owlcarousel/#customizing
감사합니다...^^
초보라서 몰랐어요....
초보라서 몰랐어요....
안녕하세요 문의 드립니다.
모바일 메인 슬라이딩 스킨을 적용 시키면 모바일에서 index.php의 상품들을 선택했을때 상품이 안나옵니다
<div> <?php echo latest('ma_rolling', 'pt', 12, 25); ?> </div> shop.head.php에 적용했습니다
고수님들 알려주세요 부탁드립니다
행복한 하루 되세요
모바일 메인 슬라이딩 스킨을 적용 시키면 모바일에서 index.php의 상품들을 선택했을때 상품이 안나옵니다
<div> <?php echo latest('ma_rolling', 'pt', 12, 25); ?> </div> shop.head.php에 적용했습니다
고수님들 알려주세요 부탁드립니다
행복한 하루 되세요
첨부파일을 압축풀어서 폴더를 /mobile/skin/latest/ 폴더에 올리신게 맞는 지 확인해보시기 바랍니다.
네 맞게 올렸습니다
슬라이딩은 잘 나오는데 슬라이딩을 적용시키면 모바일에서 상품페이지 이미지가 안나옵니다
슬라이딩 적용을 해제하면 상품페이지가 제대로 작동합니다
슬라이딩을 적용하고 싶은데 방법이 없을까요
도와주세요 부탁드립니다
슬라이딩은 잘 나오는데 슬라이딩을 적용시키면 모바일에서 상품페이지 이미지가 안나옵니다
슬라이딩 적용을 해제하면 상품페이지가 제대로 작동합니다
슬라이딩을 적용하고 싶은데 방법이 없을까요
도와주세요 부탁드립니다
제가 올려드린 스킨은 영카트 상품용 최신글이 아니구요 그누5 용 게시판 (겔러리용)입니다. 상품용으로 쓰실려면 lastest.skin.php를 수정해야 됩니다.
모바일의 shop.head.php 파일에 적용하였고
슬라이딩 스킨에는 일반 사진게시판을 불러왔습니다
슬라이딩은 아주 잘 나옵니다 그런데 슬라이딩을 적용하면
index 부분의 상품 상세페이지에서 상품 이미지도 안나오고 선택이 전혀 안되요
슬라이딩 스킨을 제거하면 상품 상세페이지가 정상 작동합니다
오늘 하루동안 여기에 매달리고 있습니다
저로서는 도저히 해결을 못찾고 있습니다
슬라이딩 스킨을 꼭 적용하고 싶습니다
제발 도와주세요 부탁드립니다
슬라이딩 스킨에는 일반 사진게시판을 불러왔습니다
슬라이딩은 아주 잘 나옵니다 그런데 슬라이딩을 적용하면
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번 글의 첨부이미지를 업어와서
이미지 슬라이딩 기능이 작동합니다.
(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 제거하니까
정상적으로 작동합니다
카닭스님 정말 고맙고 감사합니다
환절기 감기조심 하시고 즐겁고 행복한 하루 되세요
감사합니다
덕분에 해결했습니다
latest.skin.php 파일에 위에 소스 적용하고 jquery script 제거하니까
정상적으로 작동합니다
카닭스님 정말 고맙고 감사합니다
환절기 감기조심 하시고 즐겁고 행복한 하루 되세요
감사합니다
잘 처리되셨다니 다행입니다. 저도 몇일 바빠서 답글 못봐드렸네요~
아주 잘 되네요..좋은 스킨 감사합니다.
ㅎㅎ 감사합니다.~
신경써주신 모든 분들에게 감사드립니다
지금 잘 사용하고 있습니다
즐겁고 행복한 한 주 되세요
지금 잘 사용하고 있습니다
즐겁고 행복한 한 주 되세요
깔끔하고 사용하기도 편리한데 이미지 사이즈를 650 * 450 하니까 모바일 크기에 비례해서 맞춰지는 게 아니라
컴퓨터 화면에서의 이미지 크기만큼 커지는데 방법이 없을까여? ㅠㅠ
컴퓨터 화면에서의 이미지 크기만큼 커지는데 방법이 없을까여? ㅠㅠ
무슨 말인지 이해가 잘..;;
좋은 자료 감사합니다.
적용해보니 작동은 잘됩니다.
그런데... 저만 그런건지 모르겠는데 한가지 문제가 있습니다.
이걸 메인페이지에 적용하면 그누보드5 기본 모바일화면 상단의 메뉴, 검색이 작동을 하지 않습니다.
그누보드5 기본 모바일 스킨뿐 아니라 위토스모바일스킨에서도 동일한 증상이네요.
이거 해결 방법이 없을까요?
적용해보니 작동은 잘됩니다.
그런데... 저만 그런건지 모르겠는데 한가지 문제가 있습니다.
이걸 메인페이지에 적용하면 그누보드5 기본 모바일화면 상단의 메뉴, 검색이 작동을 하지 않습니다.
그누보드5 기본 모바일 스킨뿐 아니라 위토스모바일스킨에서도 동일한 증상이네요.
이거 해결 방법이 없을까요?
지금 이것 저것 소스 만져보니
<script src="<?=$latest_skin_url?>/assets/js/jquery-1.9.1.min.js"></script>
를 삭제하니 모바일화면 상단의 메뉴, 검색 제대로 작동을 하네요.
슬라이딩 스킨도 제대로 작동하구요.
<script src="<?=$latest_skin_url?>/assets/js/jquery-1.9.1.min.js"></script>
를 삭제하니 모바일화면 상단의 메뉴, 검색 제대로 작동을 하네요.
슬라이딩 스킨도 제대로 작동하구요.
jquery가 중첩해서 사용되어 문제가 발생하고 있네요 이부분 수정해서 다시 올렸습니다.
아주아주 감사합니다~^^
링크 1주소가 있을땐 새창 으로 / 링크 주소가 없을때 본문 글로 이동
https://sir.kr/qa/310990?vpage=1#answer_311014 (펄스나인님께서 댓글 주셨어요~너무 잘되요 !! )
https://sir.kr/qa/310990?vpage=1#answer_311014 (펄스나인님께서 댓글 주셨어요~너무 잘되요 !! )
하단 동그라미를 이미지 안에 넣고 싶었는데 .
owl.theme 파일에서 .owl-theme .owl-controls{margin-top: 값을 - 마이너스값을 주어서
이미지위로 올렸습니다
owl.theme 파일에서 .owl-theme .owl-controls{margin-top: 값을 - 마이너스값을 주어서
이미지위로 올렸습니다
그리고 동그라미는owl.theme 파일에서 .owl-theme .owl-controls .owl-page span{
width: ;height: 동그라미 크기 조절하고요 .background 동그라미 색상 수정 opacity: 값으로 동그라미 투명도 조절 했습니다
좋은 스킨 공개해주셔서 감사합니다
오늘날짜로 그누보드 최신버전에 잘 적용됩니다
width: ;height: 동그라미 크기 조절하고요 .background 동그라미 색상 수정 opacity: 값으로 동그라미 투명도 조절 했습니다
좋은 스킨 공개해주셔서 감사합니다
오늘날짜로 그누보드 최신버전에 잘 적용됩니다
제가 시간이 없어서 못한 부분 공개 해주셔서 감사합니다. ~~