이젠 제가 스킨을 변경해서 jquery fancybox가 동작하지 않습니다. 그리고 사진은 개인 정보 차원에서 삭제했습니다. 2016.11.28
위는 이미지와 아래는 유튜브 동영상/게시판이 fancybox 안에 나타나는 것입니다. 활용범위가 많으니 제가 이 블로그에 적용하려고 고생했거든요.단순히 이미지만 미리보기 하지 말고 아래 동영상과 게시판이 fancybox 안에 나타나는 것을 보세요.J
jquery fancybox를 이 블로그에 적용하려고 며칠간 삽질했는데, 이번에 아이패드에서도 문제없이 나타나게 적용했습니다. fancybox를 적용하는 것은 어렵지 않았습니다. 스크립트가 거의 없는 저의 2 블로그인 http://learn7.tistory.com에서 적용하기는 어렵지 않았거든요. 문제는 이 블로그의 경우는 스크립트가 많아서 스크립트간 충돌 때문에 며칠을 고생했거든요. 며칠전 PC에서 스크립트가 충돌이 없어서 좋아했는데 아이패드로 보니 블로그가 엉망으로 나타나고 머리가 아프더라고요. fancybox를 적용되면 Accordion(아코디언)과 플로팅배너 등이 적용안되고 정말 힘들었습니다.JQERY 플러그인 jqurey 플러그인
jQuery fancybox에 대한 스크립트는 http://fancyapps.com/fancybox/ 에서 배울 수 있는데 사이트는 한글이 아니라 영어입니다. 예전에 했던 lightbox와 lightwidow보다 fancybox가 좋은 것 같습니다. 아래는 이 블로그에 skin.html에 fancybox 스크립트와 CSS에 대한 그림입니다. 참고로 fancybox만이 아니라 스크립트 모든 것은 네이버 블로그,다음 블로그 등에서는 할 수 없으니 고생하지 마세요. 왜냐하면 스킨의 html과 css를 수정할 수 없거든요.
무료 팩스
'블로그 > HTML. CSS. 스크립트' 카테고리의 다른 글
티스토리 body id가 유용하네. (0) | 2016.02.15 |
---|---|
티스토리에선 CSS로 해결하게 된다. (0) | 2015.06.15 |
티에디션 치환자 등 배우기 (2) | 2014.09.09 |
티스토리, 서비스명/ 버전/적용 (4) | 2014.08.30 |
티스토리에 3개의 치환자를 추가 (0) | 2014.03.28 |
[에버노트4] 에버노트 플러그인에 대한 부정적인 측면? (5) | 2014.03.12 |
<s_t3>~<s_t3> 쓰는지 확실히 이해갔다 (7) | 2013.09.22 |
이 블로그에서 jQuery를 사용한 페이지 (4) | 2012.08.04 |