Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 03-07-2013, 07:18 PM   #1
scheife
Book Designer
scheife began at the beginning.
 
scheife's Avatar
 
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.
scheife is offline   Reply With Quote
Old 03-07-2013, 08:52 PM   #2
Tex2002ans
Fanatic
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 530
Karma: 562971
Join Date: Jul 2012
Device: 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>
Red: Location of the file you want the link to send the reader to (Sigil places files in the Text folder, but your file placement may be different).
Blue: The text you want to display in the book.
Tex2002ans is online now   Reply With Quote
Old 03-07-2013, 11:09 PM   #3
GrannyGrump
Persnickity Nitpicker
GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.
 
GrannyGrump's Avatar
 
Posts: 569
Karma: 2673214
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 11:21 PM.
GrannyGrump is offline   Reply With Quote
Old 03-12-2013, 10:05 AM   #4
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 37,802
Karma: 18701526
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
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.
JSWolf is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Cover image isn't displaying as cover image Eugene88 Sigil 3 08-15-2012 05:05 PM
Cover Link in html TOC Sushil Kindle Formats 0 07-24-2012 05:30 AM
iPad Image/Link glitches willthethrill521 Apple Devices 0 11-04-2011 02:54 PM
Broken link in TOC JimmyG Conversion 1 04-20-2011 01:54 PM


All times are GMT -4. The time now is 02:13 PM.


MobileRead.com is a privately owned, operated and funded community.