Displaying images in iWebKit

6 views
Skip to first unread message

andypiper

unread,
Dec 11, 2008, 11:53:42 AM12/11/08
to iWebKit
Hi, trying out iWebKit after also having played around with iUI. I'm
liking it a lot so far.

One thing I want to be able to do is to display some images on my
pages. The trouble is that they are charts, "wider" than the iPhone
screen can accommodate at the default viewport size.

Would there be a way for images to be thumbnailed or shrunk inside the
lists?

Right now I have the charts showing up in portrait mode, cut off at
the side, and when I rotate the phone they fit better but still not
quite.
http://andypiper.tumblr.com/post/64313954/cut-off
http://andypiper.tumblr.com/post/64314152/cut-off-2

I guess there's something in the CSS which is limiting the sizes of
the text and list box DIVs?

Is there any better solution for displaying the images within the
iWebKit framework?

Thanks.

Andy

--
Andy Piper | Farnborough, Hampshire (UK)
http://andypiper.co.uk
http://www.flickr.com/photos/andypiper

Winterboard

unread,
Dec 11, 2008, 1:20:09 PM12/11/08
to iWebKit
Maybe try width:90% but I don't know if the image will be 90% of it's
original size or of the container. Just try messing around with the
width but in %
On Dec 11, 5:53 pm, andypiper <andypipe...@gmail.com> wrote:
> Hi, trying out iWebKit after also having played around with iUI. I'm
> liking it a lot so far.
>
> One thing I want to be able to do is to display some images on my
> pages. The trouble is that they are charts, "wider" than the iPhone
> screen can accommodate at the default viewport size.
>
> Would there be a way for images to be thumbnailed or shrunk inside the
> lists?
>
> Right now I have the charts showing up in portrait mode, cut off at
> the side, and when I rotate the phone they fit better but still not
> quite.http://andypiper.tumblr.com/post/64313954/cut-offhttp://andypiper.tumblr.com/post/64314152/cut-off-2

Andy Piper

unread,
Dec 11, 2008, 1:45:07 PM12/11/08
to cmpl...@gmail.com, iwe...@googlegroups.com
Aha! Actually, adding width="100%" on the img tag worked brilliantly -
it now gets sized to fit insize the container (textbox.writehere)

Thank you! :-)

Andy

Winterboard

unread,
Dec 11, 2008, 2:11:30 PM12/11/08
to iWebKit
Awsome and glad I could help! Could I have the URL of your site to
take a look? ;)

On Dec 11, 7:45 pm, Andy Piper <andyp...@gmail.com> wrote:
> Aha! Actually, adding width="100%" on the img tag worked brilliantly -  
> it now gets sized to fit insize the container (textbox.writehere)
>
> Thank you! :-)
>
> Andy
>
> On 11 Dec 2008, at 18:20, Winterboard wrote:
>
>
>
>
>
> > Maybe try width:90% but I don't know if the image will be 90% of it's
> > original size or of the container. Just try messing around with the
> > width but in %
> > On Dec 11, 5:53 pm, andypiper <andypipe...@gmail.com> wrote:
> >> Hi, trying out iWebKit after also having played around with iUI. I'm
> >> liking it a lot so far.
>
> >> One thing I want to be able to do is to display some images on my
> >> pages. The trouble is that they are charts, "wider" than the iPhone
> >> screen can accommodate at the default viewport size.
>
> >> Would there be a way for images to be thumbnailed or shrunk inside  
> >> the
> >> lists?
>
> >> Right now I have the charts showing up in portrait mode, cut off at
> >> the side, and when I rotate the phone they fit better but still not
> >> quite.http://andypiper.tumblr.com/post/64313954/cut-offhttp://andypiper.tum...
Reply all
Reply to author
Forward
0 new messages