본문 바로가기

분류 전체보기

 (44)
유튜브 API 배경 동영상 반복시키기 (loop) 원래 배경 영상으로 자주 쓰는 유튜브 라이브러리는 TUBULAR 였다. 재생버튼 클릭시 팝업이 뜨면서 배경영상이 일시정지되고 팝업 영상이 재생되고,팝업 영상을 닫으면 팝업 영상을 없애고 배경영상이 다시 재생되는 식으로 말이다. 하지만, 이번 프로젝트에선 팝업을 띄우면 슬라이드 기능 추가로 영상과 마켓이미지가 함께 보여져야 하기 때문에TUBULAR 옵션만으로는 조금 힘들 것 같아 유튜브 API로 다시 바꿔주었다. * API 사용시 주의할 점 1. API 로드시 만약 jquery 시작 구문을 (function(){ ~쏼라쏼라~ }()); 로 사용했을 경우해당 구문이 먼저 실행되서 유튜브 스크립트를 못 불러와 오류가 뜬다.밖으로 빼내 처음으로 넣어 유튜브 스크립트를 실행시켜주자. 2. 무한 재생 기능 사용할때..
모바일 햄버거 메뉴 (레프트 메뉴) 오픈 스크롤 막기 모바일 햄버거 메뉴를 만드는 방법은 많다.해당 메뉴를 눌렀을 때 뒤에 암막처럼 깔린 뒤에,컨텐츠들이 스크롤 안되게 해야하는게 정석인데.. 이를 위해 스크롤 막는 스크립트를 사용했다가는 레프트 메뉴마저 스크롤을 사용할 수 없는 일이 생겨버린다 ㅠ_ㅠ조건문을 줘서 스크롤을 막다 풀었다 해버리니, 스크롤 이벤트 관련 스크립트가 오류나는 일이! 알고보니 마크업부터 제대로 잘 짜지 못해 생긴 일이라서다시금 잊지말자고 기록.. * 기존에 내가 했던 방식 ---> fixed 시켜주고, width 100%, background:(0,0,0, 0.7)의 배경을 만들어줌 ----> 메뉴 내용 생성 (약 width값 60%)디테일한 내용 이런식으로 하니 userwrap 전체가 100%로 잡혀 스크롤 가능시, 컨텐츠마저 스크..
모바일 인앱 브라우저 변수 지정 // 페이스북 인앱 변수지정 function isFacebookApp() { var ua = navigator.userAgent || navigator.vendor || window.opera; return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1);} // 아이폰 페이스북 인앱 지정 function isFacebookApp() { var ua = navigator.userAgent || navigator.vendor || window.opera; return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1); } var iOS = /iPad|iPhone|iPod/.test(navigator.userA..
화면 랜더링 과정 * 유튜브 재생시 화면 깜빡거림 현상 화면 랜더링 과정에서 생기는 일로 판단. 해결방법: http://junho85.pe.kr/223 * 화면 가속화와 랜더링이란 무엇인지에 대한 개념 http://d2.naver.com/helloworld/2061385

티스토리툴바