작업실

모바일 반응형 슬라이더 적용

컨텐츠 정보

본문

 

 

모바일에선 사진 한장이 전부였는데요

 

PC용 슬라이더와 비슷한 형식으로 바꿨습니다.

 

로딩시간이 좀 있긴 하지만, PC와 비슷한 화면에 만족합니다.

 

수정 사항으로는 슬라이더 밑의 여백이 있었는데 빼줬습니다.

 

빼는 방법은

 

latest.skin.php에서 

 

<div class="shadow1box"> 
<img src="<?php echo $latest_list_url; ?>/img/shadow1.png" class="shadow1" alt="shadow"> 
</div>

 

위 부분을 주석처리하거나 삭제하면 됩니다.

 

그리고 슬라이더 시간과 네비게이션도 넣었는데 그것은 

 

screen.js 파일에서

 

alignment:"center",autoAdvance:true,mobileAutoAdvance:true,barDirection:"leftToRight",barPosition:"bottom",cols:6,easing:"easeInOutExpo",mobileEasing:"",fx:"simpleFade",mobileFx:"",gridDifference:250,height:"55%",imagePath:"images/",hover:true,loader:"pie",loaderColor:"#eeeeee",loaderBgColor:"#222222",loaderOpacity:.8,loaderPadding:2,loaderStroke:7,minHeight:"200px",navigation:true,navigationHover:true,mobileNavHover:true,opacityOnGrid:false,overlayer:true,pagination:false,playPause:true,pauseOnClick:true,pieDiameter:32,piePosition:"rightTop",portrait:false,rows:4,slicedCols:12,slicedRows:8,slideOn:"random",thumbnails:false,time:1500,transPeriod:1000

 

위의 부분을 찾아서 적절하게 수정하면 됩니다.

 

화면 전환 스타일은 기본이 random인데, 제 폰에서는 버벅거려서 그냥 simplefade라고 해줬습니다.

 

상세 설정 부분은 홈페이지에 가면 더 아실 수 있겠네요 http://www.pixedelic.com/plugins/camera/

관련자료

댓글 0
등록된 댓글이 없습니다.
Total 157 / 22 Page
RSS
그누보드4s 및 아미나스킨 업그레이드 완료! 댓글 2

그누보드4s 41버전이 올라왔길래아미나스킨도 3.3.1로 같이 업그레이드 해줬습니다 ^^본인 인증 부분에 뭔가 추가되었다고 하는데 전 아직 본인…

그누보드4s 캡챠파일 용량이 장난아니군요.

요새 백업을 갑자기 하고 싶어 어제 했는데요,무려 5.1GB나 되더군요;;사진이나 움짤을 합쳐도 그렇게 안될 것 같아캡챠파일을 지우고 백업을 하…

모바일 반응형 슬라이더 적용

모바일에선 사진 한장이 전부였는데요PC용 슬라이더와 비슷한 형식으로 바꿨습니다.로딩시간이 좀 있긴 하지만, PC와 비슷한 화면에 만족합니다.수정…

페이징 스킨 적용 댓글 2

신비나라님의 페이징 스킨을 넣었습니다.정말 깔끔하고 좋네요 ㅎㅎ아마 버튼 스킨과 조합이 되면 좋겠지만전 지금 돋움 버튼스킨도 좋아서 이대로 써볼…

본문 밑부분 광고 추가 및 Tag 게시판 추가

상단 광고가 노출 수는 높은데, 로딩 속도 때문에 스크롤 내린 후에 광고가 불러와지더군요.그래서 본문 밑에도 추가하였고추천 버튼 밑에 다음뷰 부…

현재 블로그 베이직 index 메인 샘플 댓글 12

공지 1개, 메인 1개, 웹진 스타일 한 덩어리, 갤러리 한 덩어리입니다.지금 현재 메인 샘플이니 뜯어 보시고 적용하시면 되겠네요 ㅎㅎ필요한 스…

최근글


새댓글


알림 0