View Full Version : How can I make an image clickable, and have it redirect you?


krausj
05-01-2013, 04:13 PM
I want to make an image clickable, and then have it redirect the user to a specific page. Is this at all possible?

Tex2002ans
05-01-2013, 04:51 PM
I want to make an image clickable, and then have it redirect the user to a specific page. Is this at all possible?

Surround the image link in a <a> tag, just like you would creating any other link. Although keep in mind that there is an ADE bug which does not allow images to be clickable.

Since most ereaders are ADE based, it is not recommended to do this (although it is perfectly valid).

<div class="image"><a href="http://www.sample.com/"><img alt="" src="../Images/sample.png" /></a></div>

krausj
05-01-2013, 05:55 PM
thanks so much. a few quick questions.

Is ADE Adobe Digital Editions?

And if I want the link to direct someone to, let's say, page 5, what info do I use do specify page 5? Since it isn't a website, so I can't do www.etc., do I put the href id of the page?

Turtle91
05-01-2013, 06:27 PM
yes ADE= Adobe Digital Editions.

You can't link to a page number - there are no "page numbers" in a reflowable ebook. The best you can do is pick a paragraph, or header, or something to point to:

<p id="Image_Lnk">Blah blah blah</p>

Then on your image:
<div><a href="yourfilename#Image_Lnk/"><img alt="" src="../Images/sample.png" /></a></div>

mrmikel
05-02-2013, 08:35 AM
For those of us without back buttons on our e-readers, be kind please and include a return link if the reader is likely to want to return.