Thread: Linking large JPGs in an Epub
View Single Post
Old 06-22-2011, 03:33 PM   #1
SamL
I mess around with Epubs
SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.
 
Posts: 82
Karma: 1566
Join Date: Mar 2011
Location: Cambridge, MA
Device: mac, ipad, nook, kindle
Linking large JPGs in an Epub
For refrence, I am doing this on an iPad.

In my epub I have a display image in the text. I would like the user to be able to click on it, and have it display larger, that you could zoom a little in to. To do this I am using this code:

Quote:
<a href="images/PictureLarge.jpg" ><img src="images/PictureSmall"/></a>
So the smaller picture (about 600px wide) will display on the page. Even thought its the smaller of the two it still takes up almost the entire page.

When you click the image on the page, the larger image (2000px wide) opens up.

The problem I am having is that my image is wider then it is tall (landscape.) When the image opens it doesn't fit correctly to the screen, so you have to scroll left to right.

I've tried making the image a portrait size, with some white space underneath, but then it shrinks down to about 75% of the screen size. So I can zoom in to it like I want, but the width doesn't fill the screen (only about 3/4 of it.)

Is there something I can put in the code so the image will fit to the screen correctly? It is either too wide, or not wide enough. I really don't understand why it is doing this.

Any help is greatly appreciated.

Thanks
SamL is offline   Reply With Quote