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-16-2012, 11:41 PM   #1
slimblock
Junior Member
slimblock began at the beginning.
 
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!
slimblock is offline   Reply With Quote
Old 03-17-2012, 07:41 AM   #2
SBT
Fanatic
SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.
 
SBT's Avatar
 
Posts: 531
Karma: 594538
Join Date: Sep 2010
Location: Norway
Device: prs-t1, tablet, Nook Simple, assorted kindles
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%;}
If I have narrow pictures, I assume a 3x4 screen, and calculate the width accordingly,e.g. if I have an image which is 500px x 1000px, the css is
Code:
img#tall-photo {width:65%;}
SBT is offline   Reply With Quote
Old 03-17-2012, 03:05 PM   #3
slimblock
Junior Member
slimblock began at the beginning.
 
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 12:07 PM.
slimblock is offline   Reply With Quote
Old 03-18-2012, 12:47 PM   #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: 38,499
Karma: 19471833
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2), Sony PRS-650, Sony PRS-T1, nook STR, iPad 1, iPhone 5
Just to let everyone know, this is not about the iPad, but about iBooks.
JSWolf is offline   Reply With Quote
Old 03-18-2012, 03:05 PM   #5
mmat1
Det
mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.
 
mmat1's Avatar
 
Posts: 995
Karma: 1529558
Join Date: Jan 2012
Location: Zischebattem
Device: Acer Lumiread
Quote:
Originally Posted by SBT View Post
If I have narrow pictures, I assume a 3x4 screen, and calculate the width accordingly,e.g. if I have an image which is 500px x 1000px, the css is
Code:
img#tall-photo {width:65%;}
ähm, question: isn't the percentage always calculated from the available screen-size ??
mmat1 is offline   Reply With Quote
Old 03-18-2012, 06:38 PM   #6
SBT
Fanatic
SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.
 
SBT's Avatar
 
Posts: 531
Karma: 594538
Join Date: Sep 2010
Location: Norway
Device: prs-t1, tablet, Nook Simple, assorted kindles
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...
SBT is offline   Reply With Quote
Old 03-18-2012, 10:55 PM   #7
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: 38,499
Karma: 19471833
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2), Sony PRS-650, Sony PRS-T1, nook STR, iPad 1, iPhone 5
Quote:
Originally Posted by SBT View Post
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...
height="100%" is the full height of the screen. So yes, height agrees based on the size of the screen.
JSWolf is offline   Reply With Quote
Old 03-19-2012, 06:40 AM   #8
SBT
Fanatic
SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.
 
SBT's Avatar
 
Posts: 531
Karma: 594538
Join Date: Sep 2010
Location: Norway
Device: prs-t1, tablet, Nook Simple, assorted kindles
@JSWolf, I beg to differ. Ref. w3cschools reference page for the height attribute:
Quote:
% Defines the height in percent of the containing block
So according to spec, if you stick an <img> with height:100% inside your <body>, you get... something strange, quite often an image which is as large as the rest of the body content.
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.
SBT is offline   Reply With Quote
Old 03-19-2012, 12:56 PM   #9
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 6,310
Karma: 4898871
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).
Jellby is online now   Reply With Quote
Old 03-19-2012, 03:48 PM   #10
mmat1
Det
mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.mmat1 ought to be getting tired of karma fortunes by now.
 
mmat1's Avatar
 
Posts: 995
Karma: 1529558
Join Date: Jan 2012
Location: Zischebattem
Device: Acer Lumiread
Quote:
Originally Posted by SBT View Post
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.
OK, now I understand a bit better what you actually doing.

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...
mmat1 is offline   Reply With Quote
Old 03-19-2012, 04:22 PM   #11
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: 38,499
Karma: 19471833
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2), Sony PRS-650, Sony PRS-T1, nook STR, iPad 1, iPhone 5
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.
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
images stretching on iPad epubs SamL ePub 1 12-22-2011 06:01 AM
Making an images-only ebook for nook color-- problems froghat Conversion 3 12-20-2011 02:45 AM
iPad Making an iPad slip case - a diary ShortNCuddlyAm Apple Devices 8 11-01-2010 08:00 AM
iPad BusinessInsider: Marvel iPad App Is Stunning And Making A Lot of Money Too kjk Apple Devices 0 06-18-2010 01:02 PM
To iPad via Amazon (Color images) camdenmaine Calibre 3 05-02-2010 02:52 PM


All times are GMT -4. The time now is 03:40 AM.


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