Looping jpegs in epub ID 5.5

[jheart]

Hi.

I am working on a children's picture-book consisting of 17 jpegs - no text. I used the current trial version of ID to create the epub which validates perfectly at threepress and displays correctly on Adobe Digital Editions. The problem is that when I view it on my NookColor the pages don't work properly when trying to back-up in the story. Often a single page will repeat - kind of like a stuck record - and when you get to the last page you can't back-up unless you go through the Content navigation on the Nook to get to a specific page. It almost seems like it's stuck in a loop...


If the problem is not my Nook - which has 95% free space and has not exhibited this behavior with any other epub so far - is there any part of the code I should be looking at to find this sort of problem?

Someone on Adobe's InDesign forum directed me to this site. He thought the issue might be in the .css.

Any help or suggestions are very much appreciated.

Thanks,
julie

[Jellby]

I guess you have a single XHTML file with all the pictures one after the other. Try putting each picture in its own XHTML file instead, that should work better. I don't know how to do it with InDesign, though.

[jheart]

Hi, Jellby. It's not a single file but 17 seperate files. Thanks for the input though...

julie

[amyg]

One of the things indesign 5.5 does that isn't always ideal is give your images a size in the html. This causes the reading device to try to display the images at that pixel size no matter whether it fits or not. Maybe that's causing your issues with the nook. I think if you take the size out (e.g. width="800" height="600"), it might fix your problem. I think you have to do that by editing in the html files. I have not figured out how to get InDesign to output pictures without the size tags.

[jheart]

hi, amyg.

i actually ended up exporting the whole thing to epub then renamed to zip extension so that i could swap out the image files because my book came out looking faded and sun-baked after compiling in ID. i checked the dimensions, ppi and file name before swapping and made sure the code matched the contents of the Image folder. long story short i spent several days making sure that part of it was good.

thanks for your time & input,

julie

[amyg]

I'm not saying to make the images size tags the same as the actual image but to take them out altogether. I think if your images are too big for the device, it will cause problems. Better not to designate a size at all. That way, your images can resize to fit the device. Or try this code on the css style sheet:

img {
max-height: 100%;
max-width: 100%;
}

[jheart]

Hi, amyg...

So, if you use the code above in the style sheet do you also take the pixel dimension paramaters out of the xhtml code for each image? I have tried that code before but didn't think about removing the dimensions from each page. When I tested it all I got was blank pages - I wonder if that is why? Could you post an example of what the code for each image might look like with and without it?

Sorry if this is an obvious answer...

Thanks for the suggestion.

julie

[amyg]

Well, somewhere in your img tag (after <img but before the closing >) you might see two parameters width="something" and height="something" in your xhtml pages. Try taking those out. I'm not sure if this is really your problem. It's just a guess and worth a try.

Amy

[jheart]

Hi, Amy. I will give this a try. Thanks...

julie

[jheart]

Hey, Amy. Would you replace the pixel dimension with a zero or just take the whole line out?

Thanks again,
julie

[Jellby]

Just remove them:

<img src="imagefile.jpg" alt="Some description if needed" />

and

img {
  max-height: 100%;
  max-width: 100%;
}

[jheart]

thanks, Jellby.