View Single Post
Old 06-27-2021, 09:38 PM   #1
roger64
Wizard
roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.
 
Posts: 2,625
Karma: 3120635
Join Date: Jan 2009
Device: Kindle PW3 (wifi)
Displaying links: endnotes and others

Hi

Forgive me if my report is a little fuzzy.

Since it was implemented in late 2019, I use nearly always the inline display for notes with ePub3 books and set this as a permanent option.

However, I just observed today what could be a not-so-good side-effect of this option.

I have an ePub3 with some hundreds of inline notes nicely displayed. Very fine.
This book has also about ten images, listed in a page. I linked each entry of the list with the corresponding image further in the book.

When I read the book with Koreader, I realize that it displays the image link as a pop-up endnote (with text) but does not display the image.

So it seems that I have to choose between
1. - a classical display of endnotes / good display of images from the list
2. - a nice display of inline notes / faulty display of images from the list

Here is the code I am using:

for inline notes
<a class="noteanchor" epub:type="noteref" href="chapitre20.xhtml#ftn1" id="bodyftn1">[1]</a>

<aside class="ntb" epub:type="footnote" id="ftn1">
<p class="note"><a class="notesymbol" href="chapitre9.xhtml#bodyftn1">1</a> text of the inline note.</p>
</aside>

for plain images in the list
<p class="Biblio"><a href="chapitre9.xhtml#Image1graphic">1. Title of the image</a></p>

<div style="text-align:center">
<img alt="Image1" id="Image1graphic" class="frameGraphics" src="images/image003.png" style="width: 97.0%; height: auto;"/>
</div>
<p class="Caption">Map 1. Legend</p>

Calibre displays properly the link to the image and its viewer displays the notes as pop-ups.

Last edited by roger64; 06-27-2021 at 10:12 PM. Reason: replace table with list
roger64 is offline   Reply With Quote