2013-06-27 3 views
2

각주에 이미지를 포함하려고합니다.iBook 각주 (Epub 옆 태그)

팝업이 작동하지만 이미지 크기가 적당하지만 이미지 자체는 표시되지 않습니다.

다음은 코드 뒤에 나오는 스크린 샷입니다.

내가 얼마 전에 똑같은 문제가되었다
<?xml version="1.0" encoding="utf-8" standalone="no"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops"> 
<head> 
    <title>test</title> 
</head> 

<body> 
    <div> 
    <p>The <a epub:type="noteref" href="#test">star</a> looks blue.</p> 
    </div> 

    <aside epub:type="footnote" id="test"> 
    <p><img alt="" src="../Images/Mario.png" />The image should be above this line</p> 
    </aside> 
</body> 
</html> 
+0

책의 본문 내용에 이미지가 올바르게로드되었는지 확인 했습니까? –

답변

3

. 이미지는 iBooks의 일부 비상구에로드되지 않지만 다른 곳에서는 그렇지 않습니다.

지원되는 iBooks의 최신 버전을 실행하는 경우, CSS를 통해 배경 정보 URL로 삽입하여 이미지를 표시 할 수있었습니다. 실제로 사용해서는 안되기 때문에 코드를 첨부하지 않습니다.

최신 버전의 iBooks가 설치된 iPad3는 계속해서 버그가있어 배경 이미지를 주기적으로 표시하지 않지만 해결 방법이 너무 추해서 어쨌든 그것을 버렸습니다. 나는 이것이 iBooks의 버그라고 생각합니다.

+0

이 말을 싫어하지만 어떻게 해키 일을 하던지이 코드를 사용 하시겠습니까? :) –

+0

@Matt Mc, 테스트 용으로 사용되었으므로이 책을 지금까지 삭제했습니다. 아마도 iBooks 소프트웨어가 변경되었을 가능성이 있으므로 아마도 내 답변도 업데이트해야합니다. 그래도 1 ~ 2 주일 동안 그렇게 할 기회가 없을 것입니다. 그 사이에 인라인 스타일이있는 div를 위의 마우스 코드로 놓고 시도해 볼 수 있습니다. – mzmm56

0

당신은 data URI를 사용하여이 OSX에 대한 아이북에서 작업을 얻을 수 있습니다 :

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA 
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" /> 

이것은 또한 인라인 SVG와 함께 작동합니다.


또한 인라인 background-image: url(...) 속성은 저를 위해 잘 작동합니다. iOS 4.8 및 3.0.2, OSX 1.5에서 테스트되었습니다.

0

아래 단계에 따라 :

  1. 이 * .SVG는 (나) (사용하여 일러스트 레이터)
  2. 열기를 PDF에서 이미지를 다시 자르고 SVG로 저장하는 이미지 포맷 *의 .JPG 변환을 편집기의 이미지 파일
  3. SVG 코드 복사
  4. 해당 이미지 위치에 붙여 넣습니다.