11 years, 11 months 전-
제 사이트는 http://www.atfolio.co.kr 입니다.
가보시면 아시겠지만 크롬에서는 잘나오지만 IE에서는 썸네일이 나왔다 안나왔다하는군요.
아시는분은 초보자인 저에게 잘설명해주시면 정말로 감사드리겠습니다.
감사합니다.
IE 도 종류가 많아서요…
6,7,8,9,10,11 어느 IE 를 말씀하시는지… ㅎㅎㅎㅎ
IE8 하고 IE10 에서 확인해 봤는데 저는 thumb 이미지가 다 잘나오네요. 액박뜨는 것 없구요.
아.. IE9에서 문제가 있네요.
http://www.atfolio.co.kr/js/IE9_fix_for_imagesLoaded_plugin_issue.js?d=20100723081745
83줄에서 자스충돌이 나고 있습니다.
어느 자스와 충돌하는지는 본인이 가장 잘 찾으실 수 있습니다. 어느 자스/플러그인을 적용한 후부터 문제가 생기기 시작했는지 잘 생각해보시고, 문제가 생기기 전 시점으로 돌아가시면 됩니다.
아 http://www.atfolio.co.kr/js/IE9_fix_for_imagesLoaded_plugin_issue.js 이건 엑박 때문에 넣어본건데요…뺴긴햇는데 왜 저한텐 엑박이떳다가 잘나왔다할까요..
이게 에러상태의 이미지입니다.
저도 같은 문제로 고생을 좀했습니다.
아마 엑박이 뜨는 조건에 어떤 일관성을 찾을수가 없을꺼에요 .
일관성이 없어서 찾는데 고생을 했던기억이 .;;;
새로 고침을 하다보면 간혹 혹은 연속적으로 이미지가 엑박이 뜨실거라고 예상이됩니다.
masonry 의 imageloaded 메서드로 기억을하는데
ie에서는 이미지 로드 메세지를 받질못해서 masonry 정의 시점에 이미지가 로드 되지 않아 생기는 오류 같습니다.
imageloaded 메서드를 사용 하지 않으면 위치 값이 불규칙 적이고 ㅎ;;
masonry 적용 시점을 늦춰보는 방법이나 masonry의 위치값 계산을 추가적으로 보정해주셔야 할것같아요..
아.. 그 악명높은 jQuery Masonry 였군요. >.<
지금 소스코드를 다시 보니 그렇네요. 몰랐네요.
stackoverflow 에 자주 올라오는… 화난다… 왜 제가 화가나죠? ㅎㅎㅎ
css 만으로도 똑같은 Masonry grid 을 만들 수 있습니다.
http://css-tricks.com/examples/SeamlessResponsivePhotoGrid/
여기에 공개는 할수 없지만, 저도 얼마전에 사이트 하나를 Masonry grid 형식으로 짜야 했었는데…
물론 저는 css 만으로 짰습니다.
장점은 Masonry 처럼 골아플 필요 없고, 단점은 네, IE 죠. legacy 브라우저 에선 구현이 안되니.
(한국에서는 문제죠?)꼭 Masonry grid 을 구현하셔야 하는지 모르겠지만, 그런게 아니라면, thumb image 를 보여주는 포트폴리오 형식의 다른 테마를 찾아보세요.
Masonry grid 은 나중에 정말 별의별 쌍욕이 다 나옵니다.
- 답변은 로그인 후 가능합니다.