03-07-2013, 06:18 PM | #1 |
Book Designer
Posts: 5
Karma: 10
Join Date: Nov 2011
Location: Minneapolis
Device: iPad
|
Link to cover image in TOC
Hi all.
I have a request from my client to create a link in the ePub TOC that links to the embedded cover image. In other words, adding the cover image to the start of the file and making a link to it is not an option, as it duplicates the cover at the beginning of the eBook when viewed on the iPad, ADE, etc. Is there a way to create a TOC entry that links to the already-embedded cover image? Any help would be appreciated. |
03-07-2013, 07:52 PM | #2 |
Wizard
Posts: 2,297
Karma: 12126329
Join Date: Jul 2012
Device: Kobo Forma, Nook
|
I do not know the way your EPUB is constructed, but usually the first HTML file in the EPUB is something along the lines of "cover.xhtml" which only holds code to show the cover image.
If you add this code to your inline TOC, when clicked, will lead directly back to the "cover.xhtml" file: Code:
<p><a href="../Text/cover.xhtml">Cover Image</a></p> Blue: The text you want to display in the book. |
Advert | |
|
03-07-2013, 10:09 PM | #3 |
Obsessively Dedicated...
Posts: 3,200
Karma: 34977896
Join Date: May 2011
Location: JAPAN (US expatriate)
Device: Sony PRS-T2, ADE on PC
|
If you are using Sigil or other software that generates an automatic table of contents, you could also add a Heading tag to the file that has your cover image. You can style the header to "display: none" so it doesn't interfere with the placement or aspect ratio of the image.
This has worked for me, using Sigil to create the ToC. Display is fine in ADE, v 1.8. Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>cover</title> <style type="text/css"> /*<![CDATA[*/ body {margin:0; padding: 0; border-width: 0; } @page {margin: 0; padding: 0; border-width: 0; } h1 {display: none} div { text-indent: 0em; text-align: center; } /*]]>*/ </style> </head> <body> <div> <h1 id="heading_id_2" title="Cover"></h1> <svg xmlns="http://www.w3.org/2000/svg" height="99%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 600 800" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"> <image height="800" width="600" xlink:href="../Images/cover.jpg"></image> </svg> </div> </body> </html> Last edited by GrannyGrump; 03-07-2013 at 10:21 PM. |
03-12-2013, 09:05 AM | #4 |
Resident Curmudgeon
Posts: 74,658
Karma: 130140792
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
What I do is type in the word cover on thr cover page. I style it and then let Sigil use that for the ToC entry. After the ToC is finished, I remove it and I don't have extra code hanging about.
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Cover image isn't displaying as cover image | Eugene88 | Sigil | 3 | 08-15-2012 04:05 PM |
Cover Link in html TOC | Sushil | Kindle Formats | 0 | 07-24-2012 04:30 AM |
iPad Image/Link glitches | willthethrill521 | Apple Devices | 0 | 11-04-2011 01:54 PM |
Broken link in TOC | JimmyG | Conversion | 1 | 04-20-2011 12:54 PM |