jQuery 이미지 팝업 및 겔러리 플러그인에서 상당히 널리 사용되고 있는 fancybox.
텍스트큐브로 만들어진 이 블로그에도 얼마전 적용시켜보았다.

아래의 이미지를 누르면 팬시박스 플러그인의 효과를 살펴볼 수 있다.

플러그인 설정 후 평상시 사용하던 IE9, FF4, 크롬플러스 등에서는 아무런 문제가 없어서 그동안 전혀 눈치를 못채고 있었는데...
어쩌다가 IE8에서 내 블로그에 들어와보니 심각한 문제가 있었다.

페이지의 초기 로딩은 문제 없이 이루어지지만 1~2초 후 스크롤이 멈추어 버리는 문제가 있었던 것이다.
이유가 뭘까해서 기존에 설치한 jQuery 플러그인 들을 하나하나 제거해보면서 테스트 해보았는데 원인은 결국 fancybox의 css파일에 있었다.

현재 최신버전인 fancybox 1.3.4의 내부 폴더를 보면 jquery.fancybox-1.3.4.css라는 파일이 있고 여기에 png  이미지파일을 css상에서 불러오게 되는데 여기에 대한 경로가 상대경로로 되어 있다.

해결법은 이 상대경로로 되어 있는 파일의 경로를 절대경로로 바꾸면 된다.

예를 들면 다음과 같이 말이다.

#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('fancybox.png') -55px -90px no-repeat;
}

#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('http://blog.nemesys.co.kr/tt/skin/blog/nocchi/script/fancybox/fancybox.png') -55px -90px no-repeat;
}

이렇게만 고쳐주면 멈추는 현상 없이 정상적으로 동작할 것이다.

최근 한달간 인기글

이 글의 관련글

REPLY AND TRACKBACK RSS http://blog.nemesys.co.kr/tt/rss/response/940
REPLY AND TRACKBACK ATOM http://blog.nemesys.co.kr/tt/atom/response/940
TRACKBACK ADDRESS
이 글에는 트랙백을 보낼 수 없습니다
REPLY RSS http://blog.nemesys.co.kr/tt/rss/comment/940
REPLY ATOM http://blog.nemesys.co.kr/tt/atom/comment/940
이름 / Name : *
비밀번호 / Password : *
홈페이지 / Homepage :
비밀글 / Secret :
*1  ... *406  *407  *408  *409  *410  *411  *412  *413  *414  ... *1128 
SNS + RSS Links
rss
다음 일간 이슈 검색어
Since 2006 Nes's Random Blogz
Total 11635526 T193 Y1447

4033

1100

google chart api graph

-30 days

today : 193

전체 (1128)
Nes이야기 (123)
하드웨어이야기 (260)
소프트웨어이야기 (27)
외국어이야기 (12)
IT/웹이야기 (248)
연예계/방송이야기 (140)
게임이야기 (96)
광고/제품이야기 (58)
여행/먹거리이야기 (45)
세상이야기 (98)
최근에 쓴 글
구글 딥마인드 알파고가 이세돌을 꺾은날, 애드센스로 ...
구글 설문지(구글 폼)에서 정규식으로 입력 내용 사전 ... (1)
유플러스 tv g 4k uhd 셋톱박스를 신모델인 tvg 우퍼2... (9)
신장의 야망 창조 전국입지전 - 삼국지 13의 재미를 뛰... (2)
구글 애널리틱스(Google Analytics) 보고서 및 대시보...
그래픽카드 견적을 뺀 이번 조립컴퓨터, 스카이레이크 ... (1)
기어s 웨어러블 요금제로도 올레 맴버쉽 포인트 사용이...
안드로이드 롤리팝 포팅 버전 기어s 3g 요금제 가입 후... (2)
tasker http post 기능을 활용해 스마트폰 이벤트를 sl...
삼국지13 간단 후기 - 역대 장수제 시리즈의 정점을 찍...
네이버 웹마스터도구에 블로그와 RSS 주소 등록 후 10...
네이버 웹마스터도구 개편이 불러온 검색로직 및 트래...
삼성 갤럭시 기어s 롤리팝 포팅 후기 및 앱 사용기 (1)
삼성 갤럭시 기어s에 안드로이드 롤리팝 올리기 성공! (3)
CPU 잡아먹는 어베스트 avast mft utility(mftutil.exe...
유플러스 TVG 롤리팝 업데이트 후기(via 기기교체!!) (1)
블로그 포스팅이 점점 줄어드는 이유
u+ tv g 롤리팝 업데이트를 하릴없이 기다리며 써본 간... (9)
허니버터칩은 과연 꼬꼬면의 숙명을 피할 수 있을 것인가? (3)
LG유플러스 U+ tvg 4K UHD 간단 사용기 및 신구형 셋톱... (3)
구글 애널리틱스 웹로그 분석 공인 전문가 자격 인증 ...
스마트폰 사용 패턴 통계 및 분석 with Tasker & Googl... (5)
갤럭시 기어1 - 루팅 및 안드로이드 null롬 올린 후 두... (1)
옵티머스G프로 킷캣 업데이트 후 폰트변경 - 나눔바른...
갤럭시 기어1 - 루팅 및 안드로이드 커스텀 롬 사용기 ... (5)
구글 애널리틱스 UA 업그레이드 이후 애드센스 통계 안...
스마트폰 화면 밝기 어둡게해 야밤에 시력 보호하는 방법 (1)
블루투스 휴대용 스피커 로지텍 UE Boom 간단 리뷰 및 ...
구글 스프레드시트가 canvas를 활용해 만들어졌다니!! (1)
구글 드라이브 스프레드시트(엑셀)의 놀라운 기능 impo...