03-16-2012, 10:41 PM | #1 |
Junior Member
Posts: 5
Karma: 10
Join Date: Feb 2012
Device: new iPad, Kindle Fire
|
Making images expand for iPad
Hi, I'm a newbie to all of this really need some help! -- I just made a captioned photo book for Amazon and now I'm making it for iBooks. I'm trying to figure out how to make the photos go bigger when you expand them with you fingers. My files are 1200x1300 pixels but I have them sized in the html pages at 576x624, one per page. So they have plenty there to go bigger, but I'm just not able to figure it out. Thanks for any advice!
|
03-17-2012, 06:41 AM | #2 |
Fanatic
Posts: 580
Karma: 810184
Join Date: Sep 2010
Location: Norway
Device: prs-t1, tablet, Nook Simple, assorted kindles, iPad
|
I like to give images a width in %, then it can fill as much of the screen as you wish,independent of screen resolution. E.g. in a css-file:
Code:
img.photo { width:95%;} Code:
img#tall-photo {width:65%;} |
Advert | |
|
03-17-2012, 02:05 PM | #3 |
Junior Member
Posts: 5
Karma: 10
Join Date: Feb 2012
Device: new iPad, Kindle Fire
|
Thanks! That's a clearer way of sizing them than what I was doing.
Last edited by slimblock; 03-19-2012 at 11:07 AM. |
03-18-2012, 11:47 AM | #4 |
Resident Curmudgeon
Posts: 74,048
Karma: 129333562
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Just to let everyone know, this is not about the iPad, but about iBooks.
|
03-18-2012, 02:05 PM | #5 |
Berti
Posts: 1,196
Karma: 4985964
Join Date: Jan 2012
Location: Zischebattem
Device: Acer Lumiread
|
|
Advert | |
|
03-18-2012, 05:38 PM | #6 |
Fanatic
Posts: 580
Karma: 810184
Join Date: Sep 2010
Location: Norway
Device: prs-t1, tablet, Nook Simple, assorted kindles, iPad
|
The display width of a tag's contents is calculated on the basis of the physical screen width.
The display height is a whole other kettle of fish, no one seems to quite agree on what 100% height is, except that it is not the screen height. Therefore I calculate the width so that the height is 100% on a 3x4 screen. The lack of info about physical screen height is a real pain in the neck when it comes to getting images right; don't even get me started on ragged images... |
03-18-2012, 09:55 PM | #7 | |
Resident Curmudgeon
Posts: 74,048
Karma: 129333562
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
|
|
03-19-2012, 05:40 AM | #8 | |
Fanatic
Posts: 580
Karma: 810184
Join Date: Sep 2010
Location: Norway
Device: prs-t1, tablet, Nook Simple, assorted kindles, iPad
|
@JSWolf, I beg to differ. Ref. w3cschools reference page for the height attribute:
Quote:
If some readers interpret height% in terms of screen height, that's handy (I don't know what abberations Apple adhere to), but it's definitely not universal, and certainly not according to w3c spec. |
|
03-19-2012, 11:56 AM | #9 |
frumious Bandersnatch
Posts: 7,516
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
SBT is quite right. We would like "height: 100%" to mean the whole screen height, but that's often not the case, although in some situations/readers it might work.
From my spec readings and research, the best I can say is that "height: 100%" is undefined (unless you have a containing block with some fixed height). Note, also, that percentage in vertical margins are interpreted in terms of the width, so it's sometimes not as easy as it would seem (but it means in this case that a margin of 5% is the same size in all four sides). |
03-19-2012, 02:48 PM | #10 | |
Berti
Posts: 1,196
Karma: 4985964
Join Date: Jan 2012
Location: Zischebattem
Device: Acer Lumiread
|
Quote:
It would be perfect, if there wasn't the feature on some readers to read in "landscape" mode as well. With no restriction in height, it will perfecly run over the screen-borders if the user changes the direction from portrait to landscape. So I thought about a "max-height", but pocketbook ignores it !.... (At last it will cause some distortion) Probably we're now again at the svg-wrapper plot... |
|
03-19-2012, 03:22 PM | #11 |
Resident Curmudgeon
Posts: 74,048
Karma: 129333562
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
With ADE, I can use height="100%" in the <img and it works perfectly as long as the margins are set to 0. I don't know where it's not working. For the iBooks, I can't say if height works or not.
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
images stretching on iPad epubs | SamL | ePub | 1 | 12-22-2011 05:01 AM |
Making an images-only ebook for nook color-- problems | froghat | Conversion | 3 | 12-20-2011 01:45 AM |
iPad Making an iPad slip case - a diary | ShortNCuddlyAm | Apple Devices | 8 | 11-01-2010 07:00 AM |
iPad BusinessInsider: Marvel iPad App Is Stunning And Making A Lot of Money Too | kjk | Apple Devices | 0 | 06-18-2010 12:02 PM |
To iPad via Amazon (Color images) | camdenmaine | Calibre | 3 | 05-02-2010 01:52 PM |