Great progress for image display

roger64 · 07-10-2016, 04:20 AM

mistake: double posting...

roger64 · 07-10-2016, 04:41 AM

Hi

I had reported some months ago (including to GitHub) some serious "Image display problems". So, I avoided reading books with many images with Koreader.

I use the latest version (today): v. 2015.11-507-gef260f0

I was wrong: it's my pleasure to report that a neat progress has been made for image display, regarding the relative size of centered images. You can check it by yourself this way:

1. in Koreader, activate the "integrated style". This is a must.

2. In the EPUB code, within the img tag, use the following parameter which works now consistently, from full page images to small sized ones.

Code:

style="width:xx%"

3. To avoid centering defects due to text-indents, you can better wrap the img tag in a div container, i.e.

Code:

<div style="text-align:center">_</div>

Work remains to be done for the float property (size is OK but they are displayed as blocks) and svg (including wrappers).

Congratulations and thanks to our -so discrete- Koreader authors.

07-10-2016, 04:20 AM	#1
roger64 Wizard Posts: 2,625 Karma: 3120635 Join Date: Jan 2009 Device: Kindle PW3 (wifi)	Great progress for image display mistake: double posting... Last edited by roger64; 07-10-2016 at 12:09 PM.

07-10-2016, 04:41 AM	#2
roger64 Wizard Posts: 2,625 Karma: 3120635 Join Date: Jan 2009 Device: Kindle PW3 (wifi)	Neat progress in image display Hi I had reported some months ago (including to GitHub) some serious "Image display problems". So, I avoided reading books with many images with Koreader. I use the latest version (today): v. 2015.11-507-gef260f0 I was wrong: it's my pleasure to report that a neat progress has been made for image display, regarding the relative size of centered images. You can check it by yourself this way: 1. in Koreader, activate the "integrated style". This is a must. 2. In the EPUB code, within the img tag, use the following parameter which works now consistently, from full page images to small sized ones. Code: style="width:xx%" 3. To avoid centering defects due to text-indents, you can better wrap the img tag in a div container, i.e. Code: <div style="text-align:center">_</div> Work remains to be done for the float property (size is OK but they are displayed as blocks) and svg (including wrappers). Congratulations and thanks to our -so discrete- Koreader authors. Last edited by roger64; 07-14-2016 at 03:15 AM. Reason: code

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Image display problems	roger64	KOReader	22	05-20-2016 05:30 PM
image caption display	xmlgirl	ePub	1	05-21-2015 11:24 PM
Display of a png image linked to a svg image	roger64	Editor	6	03-13-2015 07:21 AM
Cover Image Display	JoeD	OpenInkpot	9	05-05-2009 01:42 AM
Flexible display technology progress demonstrated by HP	Bob Russell	Alternative Devices	2	07-13-2006 04:42 AM

Advert