[완료] 파이어폭스에서 다음(Daum) 만화 이미지가 안보이는 경우가 있습니다.

체스맨의 이미지

예를 들어, 다음 URL

http://mbbs.media.daum.net/cartoon/debut/griffin/cartoondo/cartoon/debut/read?bbsId=c_debut&articleId=22183&pageIndex=1&searchKey=&searchValue=

을 파이어폭스에서 열어보면 만화가 안보입니다. ( 혹시 저만 안보이나요? ) 익스플로러에서는 보이구요. 파이어폭스 2.0.0.4, 윈도용입니다.

파일 이름 문제일 것 같은데, 위 링크에 있는 이미지는 한글 이름 파일입니다. 그런데 제 기억으로는 영문 이름도 가끔 저랬지 않았나 싶구요. ( 확실하진 않습니다만...)

파이어 폭스에 어떤 옵션을 사용하면 저런 경우에도 이미지를 잘 볼 수 있을까요? 아니면 버그일까요?

jg의 이미지

참고로 저는 보입니다. 한글이라면 url 인코딩 문제는 아닐까요?
현재 저는 부가기능을 거의 사용하지 않고 있는데 그것과 관련된 건 아닐까요?

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

체스맨의 이미지

일단 모든 분들에게 나타나는 문제는 아니군요.
부가기능으로 플래쉬 블럭만 쓰고요.
부가기능을 꺼도 마찬가지 현상입니다.
기타 영향이 갈만한 옵션을 건드린 기억이 없습니다...

다음 링크도 잘 보이는지요?
http://mbbs.media.daum.net/cartoon/debut/griffin/cartoondo/cartoon/debut/read?bbsId=c_debut&articleId=17608&pageIndex=1&searchKey=subject&searchValue=%BD%CE%BF%EC%C0%DA

이 만화는 다음과 같이 한글 파일 이름이 아닙니다,
http://mbbsfile.media.daum.net/pcp_download.php?fhandle=NXdIWWVAbWJic2ZpbGUubWVkaWEuZGF1bS5uZXQ6L2NfZGVidXQvMC8yOS5qcGc=&filename=10H.jpg

그런대도 저는 이미지가 안나옵니다. 꽤 오랜동안 나타난 현상인데, 이제야 올려봤습니다. 버그면 패치될거라 기다리고 있었는데, 업데이트 후에도 달라지지 않더군요.

나도만화가 게시판을 뒤져보면 이렇게 안보이는 만화들이 가끔 있네요... 나중에 다른게 또 발견되면 이 스레드에 계속 링크를 올려보겠습니다. 그리고, 저처럼 안보이시는 분이 계신지 궁금하네요.

Orion Project : http://orionids.org

jg의 이미지

자세히 보지는 않았습니다만.. 첫번째 링크에서는 바로 만화가 보이지는 않네요.
하지만 링크를 찾아서 따로 열어보면 보이기는 합니다.

쓰고 보니 이 현상을 말씀하신 것 같긴한데..
다른 만화를 볼 때는 몰랐는데 이런 현상이 있었군요.

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

jg의 이미지

Dom Inspector로 .imgWrap css 속성 중에 width 를 지우니까 보이네요.
이유가 뭔지 모르겠네요. 본래 크기와 맞는 것 같은데 이상하세요.

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

jg의 이미지

이건 그냥 직감같은 건데 흑백만화일 때 특히 심하지 않았나요?

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

체스맨의 이미지

흑백 만화일때 심한지는 기억이 안납니다. 그건, 다음에 이 현상이 또 나타날 때 살펴볼께요.

처음 링크된 만화 (허수아비)는 24 비트 BMP 이미지네요. 눈으로 보기에는 회색계열만 사용했지만, 이미지 자체는 투루컬러 입니다. 로컬에 다운로드해서 img 태그 쓰면 문제 없이 표시 됩니다. ( 크기가 엄청 크네요, 압축이 안돼서... )

두번째 링크된 만화 ( 싸우자 귀신아 ) 는 256 색 JPEG 이군요. 그림 속성과 연관이 있는지도 앞으로 살펴보겠습니다.

아무튼 width 속성을 지웠을 때 표시가 제대로 된다면 파이어 폭스 자체에 문제가 있거나, 다음에서 뭔가 잘 못 만들었거나가 아닌가 싶네요...

Orion Project : http://orionids.org

체스맨의 이미지

현재 맨 위에 있는 이블엔젤 6화도 이미지가 안보입니다.

http://mbbs.media.daum.net/cartoon/debut/griffin/cartoondo/cartoon/debut/read?bbsId=c_debut&articleId=22202&pageIndex=1&searchKey=&searchValue=

한글 파일 이름이고, 투루컬러 이미지입니다.

Orion Project : http://orionids.org

체스맨의 이미지

http://mbbs.media.daum.net/cartoon/debut/griffin/cartoondo/cartoon/debut/read?bbsId=c_debut&articleId=22569&pageIndex=1&searchKey=&searchValue=

다시 만화 그림이 안보이는 경우가 발생했습니다.
컬러 이미지, 한글 이름입니다.

제 식견으로는 원인을 알기 어렵군요.

=========== 수정 ============

공교롭게 저번에 적은게 이블엔젤 6화, 이번이 8화이군요.
그런데 6화의 경우 파일 이름을 보면, '6.jpg' 입니다. 8화는 '제8화.jpg' 이구요. 그래서 파일 이름이 문제는 아닌 것 같구요.

대개 안보이는 이미지를 올리신 만화가분들은 계속 안보이는 이미지를 올리는 것 같습니다. 어디에 문제가 숨어있을까요?

Orion Project : http://orionids.org

jg의 이미지

대개 이미지가 세로 약 15000px 넘는 것들이 안보이는 것 같습니다.
작가 분들은 대개 그 이상 넘는 파일은 나눠서 보여주네요.

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

jg의 이미지

그리고 오히려 가로가 580px 이 아닌 그림들이 더 잘 보이는 듯..

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

DebPolaris의 이미지

jp님의 말이 맞는거 같습니다..
무슨 문제인지는 몰라도 픽셀이 어떤 값 이상으로 되면 파폭에서 안 띄우는건 아닌건지 모르겠네여...

To follow the path: (이 길을 따르라)
look to the master, (달인을 찾으라)
follow the master, (달인을 따르라)
walk with the master, (달인과 함께 걸으라)
see through the master, (달인을 분석하라)
become the master. (달인이 되라)

-----------------------------------------------------
남이 가르쳐주는 것만 받아들이는 것이 아니라, 스스로 만들고, 고쳐가는 사람을 '해커'라고 부른다.
그리고 자신이 쌓아온 노하우를 거리낌없이 나눌 줄 아는 사람을 '진정한' 해커라고 한다.
-Rob Flickenger 'Linux server hacks'

DEBIAN TESTING, KDE...
debpolaris.blogspot.kr

체스맨의 이미지

예 제가 보기에도 jg 님 말씀이 맞을 가능성이 높아보입니다.
앞으로도 계속 그 부분을 관찰해서 확신이 들면 버그리포팅하면 될 것 같습니다.

하지만, 크기쪽을 생각못한게, 저 안보이는 이미지들을 로컬에 다운받아서 태그를 사용해서 FF 에서 열어보면 이미지가 잘 나오거든요...

아무튼 몇번 더 살펴본 뒤 버그리포팅 해주면 될 것 같네요.

Orion Project : http://orionids.org

sheltered의 이미지

메뉴에서 View>Page Style>No Style을 해줬을 경우에는 이미지가 잘 보이더군요..

체스맨의 이미지

그러네요... ^^
볼 수는 있군요. 하지만, 스타일을 없애니 모양새가 안습이군요. -_-;

어쨌든 그 때마다 익스플로러 띄우진 않게 됐으니 다행입니다.

버그 리포팅 해야 될 것 같습니다...

Orion Project : http://orionids.org

체스맨의 이미지

음... 꼭 이미지 크기가 큰 경우만으로 단정지을 수 없는 경우가 발견된 것 같습니다.

다음 만화는 아니고, 싸이월드 뉴스 기사인데, 이미지 영역까진 나타나도 이미지 자체는 표시가 안되네요. 다른 분들께도 재현이 되는지 모르겠습니다.

http://cyplaza.cyworld.com/media/news/View.asp?pid=A0&ArticleID=2007082022040036213

sheltered 님께서 알려주신대로 스타일을 없애니 이미지는 보입니다.

Orion Project : http://orionids.org

jg의 이미지

위와 같은 경우는 이미지가 보이는 영역밖으로 벗어난 것으로 보입니다.
역시 DomInspector 로 보니까 그림이 글보다 오른쪽으로 벗어나 있네요.

--
perl -e's@@JEON Myoung-jin@;sub man{s| _|her e|}
sub see{s;^;Just;;u;s;e ;Perl ;;to;print$_,$/}$uperMan=M;
s=^....=U are not=;s~$uperMan~~;&admitIt;s=U are = A=;s|young|_|;&man;
sub admitIt{say;ye;s!-\w+! Hacker!};see U'

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

체스맨의 이미지

이런 문제를 어떻게 봐야할까요...?

파이어 폭스 버그?
아니면 표준을 준수하지 않은 해당 사이트의 문제?

Orion Project : http://orionids.org

체스맨의 이미지

음... 이 문제는 다음 만화 사이트가 개편되면서 자연스럽게 해결된 것 같네요.

개편돼서, URL 이 모두 바뀌었습니다만, 위에 안나온다고 돼 있는 이블엔젤 6화의 경우, 이제 잘 보이네요.
http://bbs.cartoon.media.daum.net/gaia/do/debut/read?bbsId=c_debut&articleId=22202&pageIndex=1&searchKey=subject&searchValue=%EC%9D%B4%EB%B8%94%EC%97%94%EC%A0%A4&sortKey=depth&limitDate=0&agree=F&objCate1=0

또한, 위에 언급한 싸이월드 뉴스 기사도 잘 보입니다. 이건 파이어폭스 업데이트로 고쳐진 것 같네요.

아무튼 좀 더 원활해졌습니다. ^^

Orion Project : http://orionids.org

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.