Content Text and picture on same page

Mark Rehorst · 01-30-2011, 02:23 PM

Is it possible to embed a picture in a text page in a Mobipocket ebook? I have been experimenting with Mobipocket Creator and it seems like the only way to have an image in an ebook is to insert the file between the html files that make up the text which puts the image on a separate page. I have tried embedding pictures in the html files and it doesn't seem to work. I believe I get some warnings from MC about links not resolving and the pictures end up at the end of the book on separate pages.

I've been using Kompozer as my html editor, in case that matters.

I made a test book consisting of a few pages of text, a few images, a table of contents, metadata, etc. and find it works and displays well in the Kindle DX OS. Chapters start on new pages, the TOC has its own page, but when I go to Duokan the TOC and text get reflowed(?) so that they all just run together- no new pages at new chapters, etc. Is there a tag I need to insert into the html files to get the book to behave better under Duokan?

Thanks!
MR

wallcraft · 01-30-2011, 02:33 PM

All you need is an img tag, at its simplest:

Code:

<img src="images/00001.jpg" />

If the image is bigger than about half the size of the screen, the Kindle will magnify it to fill the screen. So you then get one image per page (per screen).

Your problem with MobiPocket Creator is that the image files are not imported automatically. You will need to add them yourself.

susan_cassidy · 01-30-2011, 03:38 PM

You may need to not sure relative links like the one shown above. Just use something like <img src="image001.jpg" />. Then, import the picture, as well as the HTML file in Mobipocket Creator. The link should then resolve. Sometimes Mobipocket Creator is weird about what directory it is looking in for files, so you might have to play with that.

HarryT · 01-30-2011, 04:02 PM

Quote:

Originally Posted by susan_cassidy

You may need to not sure relative links like the one shown above. Just use something like <img src="image001.jpg" />. Then, import the picture, as well as the HTML file in Mobipocket Creator. The link should then resolve. Sometimes Mobipocket Creator is weird about what directory it is looking in for files, so you might have to play with that.

No, you don't want to import the picture into Mobipocket Creator. If you do that, the picture will end up in the book TWICE - once where it's linked, and again, separately at the end of the book. Only your book's HTML files should be in the manifest (the list of files making up the book), NOT the pictures. Mobi Creator will find the pictures from their URLs when you build the book.

Mark Rehorst · 01-30-2011, 07:09 PM

Thanks! It was a matter of putting the image files into the right directory.

MR

01-30-2011, 02:23 PM	#1
Mark Rehorst was engr, now dentist Posts: 143 Karma: 18558 Join Date: Nov 2010 Location: Riverside, Ca Device: Kindle DXG	Text and picture on same page Is it possible to embed a picture in a text page in a Mobipocket ebook? I have been experimenting with Mobipocket Creator and it seems like the only way to have an image in an ebook is to insert the file between the html files that make up the text which puts the image on a separate page. I have tried embedding pictures in the html files and it doesn't seem to work. I believe I get some warnings from MC about links not resolving and the pictures end up at the end of the book on separate pages. I've been using Kompozer as my html editor, in case that matters. I made a test book consisting of a few pages of text, a few images, a table of contents, metadata, etc. and find it works and displays well in the Kindle DX OS. Chapters start on new pages, the TOC has its own page, but when I go to Duokan the TOC and text get reflowed(?) so that they all just run together- no new pages at new chapters, etc. Is there a tag I need to insert into the html files to get the book to behave better under Duokan? Thanks! MR

01-30-2011, 02:33 PM	#2
wallcraft reader Posts: 6,975 Karma: 5183568 Join Date: Mar 2006 Location: Mississippi, USA Device: Kindle 3, Kobo Glo HD	All you need is an img tag, at its simplest: Code: <img src="images/00001.jpg" /> If the image is bigger than about half the size of the screen, the Kindle will magnify it to fill the screen. So you then get one image per page (per screen). Your problem with MobiPocket Creator is that the image files are not imported automatically. You will need to add them yourself.

01-30-2011, 07:09 PM	#5
Mark Rehorst was engr, now dentist Posts: 143 Karma: 18558 Join Date: Nov 2010 Location: Riverside, Ca Device: Kindle DXG	Got it sorted out! Thanks! It was a matter of putting the image files into the right directory. MR

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
image on separate page without half-page text next	Toxaris	ePub	2	01-26-2011 03:32 AM
Text aligned on the bottom of the page?	NASCARaddicted	ePub	4	11-15-2010 01:14 PM
page numbers coming up over text	soup	ePub	11	08-07-2010 05:31 PM
Error text overwrites page text?	troymc	Sigil	6	07-07-2010 09:07 PM

01-30-2011, 03:38 PM	#3
susan_cassidy Wizard Posts: 2,251 Karma: 3720310 Join Date: Jan 2009 Location: USA Device: Kindle, iPad (not used much for reading)	You may need to not sure relative links like the one shown above. Just use something like <img src="image001.jpg" />. Then, import the picture, as well as the HTML file in Mobipocket Creator. The link should then resolve. Sometimes Mobipocket Creator is weird about what directory it is looking in for files, so you might have to play with that.