수십번의 삽질 끝에 fancybox를 블로그에 적용

이젠 제가 스킨을 변경해서 jquery fancybox가 동작하지 않습니다. 그리고 사진은 개인 정보 차원에서 삭제했습니다. 2016.11.28

위는 이미지와 아래는 유튜브 동영상/게시판이 fancybox 안에 나타나는 것입니다. 활용범위가 많으니 제가 이 블로그에 적용하려고 고생했거든요.단순히 이미지만 미리보기 하지 말고 아래 동영상과 게시판이 fancybox 안에 나타나는 것을 보세요.J

■ Only One 뮤직비디오 - 동영상이 fancybox안에 나타납니다. 아이패드에서는 PC와 다르게 동영상을 fancybox안에서 재생해야 되더라고요. 단 익스플로러에서는 이 동영상인 경우는 익스플로러에서는 안 나옵니다. 삽질을 더 해야 할 것 같습니다.

■  메시지 보기 - fancybox에서는 인라인(Inline)이라고 하는데 클릭하면 fancybox에 메시지가 나올 것입니다. 티스토리를 하다보면 fancybox 메시지창을 자주 보게 될 것인데 그것입니다.

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를 수정할 수 없거든요. 

무료 팩스