Epub issue, pic does not show; Bug???

[ProDigit]

Hi,

I'm testing with Adobe digital editions a test ebook I found online called 'The great american novel' by 'John Q Public'.

It's not a book, just a test epub to test some stuff.
In the title page he has posted a smilie as his author picture.
When I open the epub in Sigil, and save it, the image does appear in sigil, but not in ADE.

How come?

I've been looking like crazy, modifying the toc, the contents, the original doc, but to no avail.
When I open the doc with 7z, and add the original content back into the epub, the image shows.... WHat's going on??
Bug??

[mmat1]

Originally Posted by ProDigit

Hi,
In the title page he has posted a smilie as his author picture.
When I open the epub in Sigil, and save it, the image does appear in sigil, but not in ADE.

This:

<div class="center">
    <object data="images/author-pic.svg" height="150" type="image/svg+xml" width="150">
      </object>
  </div>

is not valid in epub-standard.

I wonder how you can see it in sigil, I don't see even a placeholder for a picture.

[ProDigit]

in sigil?

I just downloaded sigil a couple of hours ago, hoping it would help me somewhat to make epubs.
But sigil moves files around.

[theducks]

Originally Posted by ProDigit

in sigil?

I just downloaded sigil a couple of hours ago, hoping it would help me somewhat to make epubs.
But sigil moves files around.

Sigil normalizes the file layout so that it can function.What you can not do is have duplicate filenames: anywhere. Your (sub-)folders go away. If more than one contain the same file name (eg Chapter01.html), only the last will survive. Book1Ch01.html and Book2Ch01.html is a winner

Sigil will also toss un-manifested files that come in via a malformed EPUB (when you add files to a work in progress, they get manifested immediatly).

[cybmole]

ADE will not show images if there is an issue with image size i.e. if something in the image file properties leads it to think that the image is too large.

extract that image & check it's file properties.

.I had this one time with a book cover image that looked fine in sigil but went AWOL in ade & on my sony reader. finding a similar image from another source & replacing it did the trick

[Keroberos]

Sigil is not auto-correcting the path to the SVG image after it normalizes the ePub structure. Change this,

<object data="images/author-pic.svg" height="150" type="image/svg+xml" width="150">

To this,

<object data="../Images/author-pic.svg" height="150" type="image/svg+xml" width="150">

in the title page.

Originally Posted by mmat1

This:

<div class="center">
    <object data="images/author-pic.svg" height="150" type="image/svg+xml" width="150">
      </object>
  </div>

is not valid in epub-standard.

How so? An SVG image can be in an object element.

Originally Posted by mmat1

I wonder how you can see it in sigil, I don't see even a placeholder for a picture.

Shows up fine in Sigil and ADE, once you fix the path.

[ProDigit]

Funny thing is, I did that I did change the pic directory, without success.

[mmat1]

Originally Posted by Keroberos

Shows up fine in Sigil and ADE, once you fix the path.

You're right. Thanks for clarification

[Toxaris]

You can also put the SVG image in a <img /> tag. That is also according to specs. In another post I researched some stuff about the SVG usage. There is more to it and actually in XHTML <object> is not recommended for HTML stuff.

See more info in this post.

[Keroberos]

Yeah, I wouldn't recommend using the <object> tag. I did some more testing with the epub and got some odd results. Using the <object> tag works in Sigil, ADE 1.7.2 and Calibre's viewer, but does not in ADE 1.8.1 or Sony's Reader for PC software (which uses ADE mobile) or my Nook (which also incorrectly renders the svg image). It looks like the entire page gets covered by the object (text is there and selectable, but not visible). I attached a screenshot showing what I mean (the background color of the Title Page was set to black in the css file for this test).

[Toxaris]

I confirm the results of Kerberos. Within <img /> tag works fine in general.