View Full Version : iBooks and the "now you see me and now you don't" image


wannabee
09-15-2011, 01:34 AM
My original question was a bit long winded so I'll paraphrase.

In iBooks in just one part of my book when I turn the page and the next one is visible, the correct sequence is visible on the new page only for a moment and the page re formats. Leaving me with missing information.

Has anyone experienced or read about this?

wannabee
09-16-2011, 12:44 AM
I changed my original post

Adjust
09-17-2011, 04:00 AM
make sure your CSS is valid

wannabee
09-20-2011, 12:12 AM
Congratulations! No Error Found.

This document validates as CSS level 2.1 !

This has got me stumped :chinscratch:

Attached is the file in question. When line 43 loads the image, it appears for less than a second and disappears taking line 44 and all of 45 except the last two words with it. :(

Adjust
09-20-2011, 03:32 AM
Is the image RGB?

DaleDe
09-20-2011, 01:56 PM
Can you post the image. Without it we cannot duplicate the problem.

wannabee
09-20-2011, 09:48 PM
Thanks mate
@Adjust - greyscale

Adjust
09-20-2011, 09:53 PM
You have set to GreyScale...shouldn't it be RGB?

DaleDe
09-20-2011, 10:45 PM
Here is the ePub I generated from your post. Does it exhibit the problem? If not please add a few more items like CSS or a few more images just ahead of this one until you can duplicate the problem. Use Sigil to import them into this file and post it again. I am using it to test for the problem.

wannabee
09-21-2011, 03:14 AM
Thanks for your input Dale and Marcus. I loaded up your epub in iBooks and it displays pretty much as normal. I then added the other images to your epub and got some more strange behaviours. The page jumped from the right to the left. This lead me to examine the other pics. They were 2500 and 3800 pixels. I chopped them down to 500 and now I don't get that result in your ePub.

I've repacked the whole book and I get the same good results.

So that means having very large images and CSS

img {margin: 1em 0 0 0 !important;
max-width:98%;
max-height:98%;
}

results in unpredictable behaviour in iBooks

What do think about that Marcus? Don't you make your books this way too?