모바일용 스와입&자동롤링 기능 탑제 메뉴입니다. 정보
최신글 모바일용 스와입&자동롤링 기능 탑제 메뉴입니다.첨부파일
본문
안녕하세요.
매일 도움만 받다가 저같은 초보자 분들에게
조금이나마 도움이 될까 싶어 모바일용 스킨
하나 올립니다.
utf-8입니다.
사용법
파일 각 경로 별로 그대로 넣어주시고
/lib/
/js/
/images/
/dex/
mainpage.php
style1.css
메인 폴더에 놓고 실행하고 수정할 꺼 해주시면 됩니다.
사용법은 주석처리 해놔서 소스보시면
누구나 쉽게 이해하도록 적어 놓았습니다.
구동 방식은 dex 폴더에 있는 페이지를 가져와
스와입 시키고 롤링 시키는 방식입니다.
적용 사이트 모바일로
http://specialleisure.com
입니다.
감사합니다.
매일 도움만 받다가 저같은 초보자 분들에게
조금이나마 도움이 될까 싶어 모바일용 스킨
하나 올립니다.
utf-8입니다.
사용법
파일 각 경로 별로 그대로 넣어주시고
/lib/
/js/
/images/
/dex/
mainpage.php
style1.css
메인 폴더에 놓고 실행하고 수정할 꺼 해주시면 됩니다.
사용법은 주석처리 해놔서 소스보시면
누구나 쉽게 이해하도록 적어 놓았습니다.
구동 방식은 dex 폴더에 있는 페이지를 가져와
스와입 시키고 롤링 시키는 방식입니다.
적용 사이트 모바일로
http://specialleisure.com
입니다.
감사합니다.
추천
7
7
댓글 전체
추천하고 갑니다 ^^
감사합니다. ^ ^ 아이콘 멋지네요~
good!!!
Thx!!^^
스킨 감사합니다... 그런데.. 이렇게 나오는 이유는 멀까요.??? ``;;
롤링이 안되요 ㅜㅜ ..
http://seaferry.co.kr/m/main.php 입니다 함 봐주세욤
롤링이 안되요 ㅜㅜ ..
http://seaferry.co.kr/m/main.php 입니다 함 봐주세욤
안녕하세요. 천송님 mainpage.php 스크립트 쪽 경로가 안맞는것 같네요.
js 파일이랑 경로 확인한번 해주세요.
js 파일이랑 경로 확인한번 해주세요.
잘쓸게요.
좋은곳에 적용시켜주세요.
추천합니다~
감사합니다^^
감사드립니다. 잘 사용하겠습니다.
좋은페이지로 변신시켜주세요~
무엇이 잘못된걸 까용~~
<?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'>•</hh><hh>•</hh><hh>•</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';
?>
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'>•</hh><hh>•</hh><hh>•</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 이 맞나요?
아니면 변환을 하셔야할 듯 합니다.
UTF-8 이 맞나요?
아니면 변환을 하셔야할 듯 합니다.
저 완전 초보인데요... dex폴더는 어디있는거죠?ㅠㅠ
아무리 찾아봐도 없네요
다운받은 dex폴더에 있는 파일들은 어디로 업로드시켜야될까여...ㅠ
아무리 찾아봐도 없네요
다운받은 dex폴더에 있는 파일들은 어디로 업로드시켜야될까여...ㅠ
아주 멋집니다^^