Сноска iBook с изображениями для тега Epub Aside

Я пытаюсь получить сноску, чтобы включить изображение.

Всплывающее окно работает, в нем есть место нужного размера для изображения, но само изображение не отображается.

Вот снимок экрана, сопровождаемый кодом.

<?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>
Источник

3 ответа

Решение

У меня была точно такая же проблема некоторое время назад. изображения не будут загружаться в некоторые из сторон в iBooks, но будут в других.

на iPad1 с последней версией iBooks, которую он поддерживал, я смог отобразить изображения, вставив их через CSS в качестве фонового URL-адреса div с заданными размерами внутри, но только со встроенными стилями. Я не прилагаю код, потому что он никогда не должен использоваться.

iPad3 с более поздней версией iBooks продолжал глючить и не отображать фоновые изображения периодически, но обходной путь был настолько уродливым, что я все равно отказался от него. Я считаю, что это ошибка в iBooks.

Источник

Выполните следующие шаги:

  1. Преобразуйте формат изображения *.jpg в *.SVG (или), заново обрежьте изображение из PDF и сохраните как SVG (используя иллюстратор).
  2. Откройте файл изображения в редакторе
  3. Скопируйте кодировку SVG
  4. Вставьте его в соответствующее местоположение изображения.
Источник

Это можно сделать в iBooks для OSX, используя URI данных:

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

Это также работает с встроенным SVG.

Кроме того, встроенный background-image: url(...) собственность прекрасно работает для меня. Протестировано на iBooks 4.8 и 3.0.2 на iOS, а также 1.5 на OSX.

Источник
Другие вопросы по тегам