테스트 사이트 - 개발 중인 베타 버전입니다

모바일용 스와입&자동롤링 기능 탑제 메뉴입니다.

· 12년 전 · 14763 · 17
캡쳐.png
안녕하세요.

매일 도움만 받다가 저같은 초보자 분들에게
조금이나마 도움이 될까 싶어 모바일용 스킨
하나 올립니다.

utf-8입니다.

사용법

파일 각 경로 별로 그대로 넣어주시고

/lib/
/js/
/images/
/dex/


mainpage.php
style1.css
메인 폴더에 놓고 실행하고 수정할 꺼 해주시면 됩니다.

사용법은 주석처리 해놔서 소스보시면
누구나 쉽게 이해하도록 적어 놓았습니다.

구동 방식은 dex 폴더에 있는 페이지를 가져와
스와입 시키고 롤링 시키는 방식입니다.


적용 사이트 모바일로

http://specialleisure.com

입니다.

감사합니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 17개

12년 전
감사드립니다. 잘 사용하겠습니다.
좋은페이지로 변신시켜주세요~
무엇이 잘못된걸 까용~~
<?php
include_once "./_common.php";
//pc버전에서 모바일가기 링크 타고 들어올 경우 세션을 삭제한다. 세션이 삭제되면 모바일 기기에서 PC버전 접속시 자동으로 모바일로 이동된다. /extend/g4m.config.php 파일 참고.
if($_GET['from'] == 'pc'){
set_session("frommoblie", "");
}
include_once './_head.php'; // 저같은 초보자분들은 여기 경로를 잘 못맞추는 경향이 있습니다. 차근차근 확인하시면서 잘확인하여 잘 맞춰주세요.

include_once("$g4[path]/m/lib/latest.lib.php"); // 저같은 초보자분들은 여기 경로를 잘 못맞추는 경향이 있습니다. 차근차근 확인하시면서 잘확인하여 잘 맞춰주세요.
include_once("$g4[path]/m/lib/thumb.lib.php");

?>

<!-- 수평선 스타일 시트 -->
<style type="text/css">
.mainline {
background: #CECECE;
width: 100%;
height: 1px;
padding: 0;
margin: 0;
}
.mainline hr {
display: none;
}

</style>
<!-- 수평선 스타일 시트 끝-->


<!-- 블렛 시트 불러오기 -->

<!-- css 경로가 잘안맞을 경우 http://내 도메인/style1.css 이런식으로 경로를 직접써주시는게 좋습니다. -->
<link href='http://seaferry.co.kr/m/style1.css' rel='stylesheet'/>



<!-- 롤링&스와이프 배너 -->

<div id='banner' class='list_carousel','swipe'>
<ul id="foo0">
<li style='display:block'><div> <!-- php를 이용하여 페이지를 불러와 페이지를 하나씩 넘기는 방식입니다. -->
<? include_once("$g4[path]/m/dex/banner1.php"); ?> <!-- 저같은 초보자분들은 여기 경로를 잘 못맞추는 경향이 있습니다. 차근차근 확인하시면서 잘 맞춰주세요 -->
</div></li>
<li style='display:none'><div>
<? include_once("$g4[path]/m/dex/banner2.php"); ?>
</div></li>
<li style='display:none'><div>
<? include_once("$g4[path]/m/dex/banner3.php"); ?>
</div></li>
</ul>
</div>
<!-- 배너 끝-->


<!-- 수평선 -->
<div class="mainline"><hr /></div>



<!-- 스와입버튼 -->
<div id='slider7' class='swipe' >
<ul>
<li style='display:block'><div> <!-- php를 이용하여 페이지를 불러와 페이지를 하나씩 넘기는 방식입니다. -->
<? include_once("$g4[path]/m/dex/b1.php"); ?> <!-- 저같은 초보자분들은 여기 경로를 잘 못맞추는 경향이 있습니다. 차근차근 확인하시면서 잘 맞춰주세요 -->
</div></li>
<li style='display:none'><div>
<? include_once("$g4[path]/m/dex/b2.php"); ?>
</div></li>
<li style='display:none'><div>
<? include_once("$g4[path]/m/dex/b3.php"); ?>
</div></li>
</ul>
</div>

<nav7>
<a href='#' id='prev' onclick='slider7.prev();return false;'><hh> </hh></a>
<span id='position7'><hh class='on7'>&bull;</hh><hh>&bull;</hh><hh>&bull;</hh></span> <!-- 메뉴 장 수에 따라 점 추가/삭제 -->
<a href='#' id='next' onclick='slider7.next();return false;'><hh> </hh></a>
</nav7>
<!-- 스와입 버튼 끝 -->


<!-- 수평선 긋기 -->
<div class="mainline"><hr /></div>





<!-- 슬라이더 자바 시작 -->


<!-- js 경로가 잘안맞을 경우 http://내 도메인/js/swipe.js 이런식으로 경로를 직접써주시는게 좋습니다. -->

<script src='http://seaferry.co.kr/m/js/swipe.js'></script>
<script>

//점이 페이지에 따라 움직이는 스크립트 스타일시트와 연동해서 사용하는 것입니다.
//점 색깔등을 바꾸실때는 style1.css에서 조정하세요~

var slider = new Swipe(document.getElementById('slider'), {
callback: function(e, pos) {

var i = bullets.length;
while (i--) {
bullets[i].className = '';
}
bullets[pos].className = 'on';

}
}),
bullets = document.getElementById('position').getElementsByTagName('aa')


var slider1 = new Swipe(document.getElementById('slider1'), {
callback: function(e, p) {

var i = bullets.length;
while (i--) {
bullets1[i].className = '';
}
bullets1[p].className = 'on1';

}
}),
bullets1 = document.getElementById('position1').getElementsByTagName('bb')



var slider2 = new Swipe(document.getElementById('slider2'), {
callback: function(e, p) {

var i = bullets2.length;
while (i--) {
bullets2[i].className = '';
}
bullets2[p].className = 'on2';

}
}),
bullets2 = document.getElementById('position2').getElementsByTagName('cc')

var slider3 = new Swipe(document.getElementById('slider3'), {
callback: function(e, p) {

var i = bullets3.length;
while (i--) {
bullets3[i].className = '';
}
bullets3[p].className = 'on3';

}
}),
bullets3 = document.getElementById('position3').getElementsByTagName('dd')

var slider4 = new Swipe(document.getElementById('slider4'), {
callback: function(e, p) {

var i = bullets4.length;
while (i--) {
bullets4[i].className = '';
}
bullets4[p].className = 'on4';

}
}),
bullets4 = document.getElementById('position4').getElementsByTagName('ee')



var slider5 = new Swipe(document.getElementById('slider5'), {
callback: function(e, p) {

var i = bullets5.length;
while (i--) {
bullets5[i].className = '';
}
bullets5[p].className = 'on5';

}
}),
bullets5 = document.getElementById('position5').getElementsByTagName('ff')


var slider6 = new Swipe(document.getElementById('slider6'), {
callback: function(e, p) {

var i = bullets6.length;
while (i--) {
bullets6[i].className = '';
}
bullets6[p].className = 'on6';

}
}),
bullets6 = document.getElementById('position6').getElementsByTagName('gg')



var slider7 = new Swipe(document.getElementById('slider7'), {
callback: function(e, p) {

var i = bullets7.length;
while (i--) {
bullets7[i].className = '';
}
bullets7[p].className = 'on7';

}
}),
bullets7 = document.getElementById('position7').getElementsByTagName('hh')

//제가 7번까지 사용해서 이렇게 있고, 불필요하면 지우고 더필요하면 복사해서 추가하세요.



//블렛(점)이 없이 그냥 슬라이딩 시키는 스크립트
var banner = new Swipe(document.getElementById('banner'));


</script>

<!-- 슬라이더 자바 끝 -->




<!-- 자동롤링 자바 -->

<!-- js 경로가 잘안맞을 경우 http://내 도메인/js/swipe.js 이런식으로 경로를 직접써주시는게 좋습니다. -->

<script type="text/javascript" language="javascript" src='http://seaferry.co.kr/m/js/jquery1.js'></script>
<script type="text/javascript" language="javascript" src='http://seaferry.co.kr/m/js/jquery.carouFredSel-5.6.1.js'></script>
<script type="text/javascript" language="javascript">
// Basic carousel, no options

$(function() {
$('#foo0').carouFredSel({
height: 'auto',
scroll : 1300, //롤링 속도조절 원하는 숫자로 조정
auto: true
});


});
</script>
<!-- 자동롤링 자바 끝-->


<?php
include_once './_tail.php';
?>
소스에는 이상이 없는것 같은데요....
UTF-8 이 맞나요?
아니면 변환을 하셔야할 듯 합니다.
저 완전 초보인데요... dex폴더는 어디있는거죠?ㅠㅠ
아무리 찾아봐도 없네요
다운받은 dex폴더에 있는 파일들은 어디로 업로드시켜야될까여...ㅠ
아주 멋집니다^^

게시글 목록

번호 제목
154028
154024
153965
153936
153927
153911
153910
153907
153885