How can I make an image clickable, and have it redirect you?

krausj · 05-01-2013, 03: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, 03:51 PM

Quote:

Originally Posted by krausj

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).

Code:

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

krausj · 05-01-2013, 04: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, 05: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, 07: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.

05-01-2013, 03:13 PM	#1
krausj Enthusiast Posts: 36 Karma: 10 Join Date: Apr 2013 Device: ipad	How can I make an image clickable, and have it redirect you? I want to make an image clickable, and then have it redirect the user to a specific page. Is this at all possible?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
How to make image visible?	ppharm	PDF	2	01-11-2011 06:40 AM
iPad Clickable map on iBooks reader	sawano	Apple Devices	0	11-29-2010 06:01 AM
How do I change make the text of my post wrap round an image?	Mike L	Feedback	4	08-12-2010 04:39 AM
Buttons and Clickable Images	dclavey	ePub	3	10-08-2009 06:28 PM
Clickable Images in PDF	dclavey	PDF	4	10-08-2009 10:19 AM

05-01-2013, 04:55 PM	#3
krausj Enthusiast Posts: 36 Karma: 10 Join Date: Apr 2013 Device: ipad	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?

05-01-2013, 05:27 PM	#4
Turtle91 A Hairy Wizard Posts: 3,094 Karma: 18727053 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	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>

05-02-2013, 07:35 AM	#5
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	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.

Advert

Advert