Cover art thumbnails?
Sorry if this question has been covered before. I tried searching but ...... maybe I just didn't use the correct search terms/phrases. I am trying to get cover art to show up as a thumbnail on the bookshelf of reader programs such as Aldiko but not having any luck.
I download a txt file from Gutenberg, edit out the extra stuff, then convert it to epub with Calibre. I add the cover art in Calibre but apparently that image is only used by Calibre ... it doesn't transfer to my reader. I will load the book into my reader, open Aldiko, and the book is shown on the bookshelf but without any cover art image, just text. The Calibre "cover_image.jpg" does show up on the first page of the book and I have replaced that with the image I want successfully. The image appears on the books first page fine ... but still not as a thumbnail on the bookshelf. (actually what I do is delete the Calibre "cover_image.jpg" and add/rename the image I want)
What do I need to change or add to get a thumbnail for the bookshelf? When I unzip the Calibre epub I find two (2) html files:
titlepage.xhtml
<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="calibre:cover" content="true"/>
<title>Cover</title>
<style type="text/css" title="override_css">
@page {padding: 0pt; margin:0pt}
body { text-align: center; padding:0pt; margin: 0pt; }
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 600 800" preserveAspectRatio="none">
<image width="600" height="800" xlink:href="cover_image.jpg"/>
</svg>
</body>
</html>
temp_calibre_txt_input_to_html.html
<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="http://www.w3.org/1999/xhtml; charset=utf-8" http-equiv="Content-Type"/><link href="stylesheet.css" type="text/css" rel="stylesheet"/><style type="text/css">
@page { margin-bottom: 5.000000pt; margin-top: 5.000000pt; }</style></head>
<body class="calibre">
<p class="calibre1">EVE'S DIARY</p>
<p class="calibre1">By Mark Twain</p>
<p class="calibre1">Translated from the Original</p>
<p class="calibre1">SATURDAY.--I am almost a whole day old, now. I arrived yesterday. That is as it seems to me. And it must be so, for if there was a day-before-yesterday I was not there when it happened, or I should remember it. It could be, of course, that it did happen, ...............goes on to the complete text of book ........................
|