Re: [css-d] RWD Swap content images

2013-11-01 Thread Tom Livingston
On Fri, Nov 1, 2013 at 9:58 AM, Philippe Wittenbergh wrote: > > >> Coming to this conclusion based on other factors that are >> coming to light. > > Out of curiosity, can you elaborate on this “other factors”? Well, after some more thought away from my desk, I've gone back the other way and am ch

Re: [css-d] RWD Swap content images

2013-11-01 Thread Philippe Wittenbergh
Le 1 nov. 2013 à 05:40, Tom Livingston a écrit : > The issue still remains of *swapping* images on the page, based on device > width. > I think I'm going to have to go the less-favored route of "snapping" > to widths. This might help to give some ideas: http://mobile.smashingmagazine.com/2013/

Re: [css-d] RWD Swap content images

2013-10-31 Thread John D
Except that the HTML code doesn't validate on that link!!! > > Have you seen this site: http://www.responsiveicons.co.uk/ > > It looks like this person has done what you want to do. > > Ken > > __

Re: [css-d] RWD Swap content images

2013-10-31 Thread Ken Robinson
At 03:33 PM 10/31/2013, Tom Livingston wrote: List, Having an RWD problem. I have a container and an image. Nothing else is in the container. I need to swap said image with another for smaller devices. I could do this with background images except how do I handle the height of the container pr

Re: [css-d] RWD Swap content images

2013-10-31 Thread Karl DeSaulniers
Jquery image swap code example I'd use that search term. Probably land it on the first try. Best, Karl Sent from losPhone > On Oct 31, 2013, at 3:40 PM, Tom Livingston wrote: > >> On Thu, Oct 31, 2013 at 4:09 PM, Tom Livingston wrote: >> Thanks Barney. I'm familiar with the technique, but n

Re: [css-d] RWD Swap content images

2013-10-31 Thread Tom Livingston
On Thu, Oct 31, 2013 at 4:09 PM, Tom Livingston wrote: > Thanks Barney. I'm familiar with the technique, but never thought to > use it with an img. I'll give it a look. > > On Thu, Oct 31, 2013 at 4:03 PM, Barney Carroll > wrote: >> I don't have the link to hand but you should look up Thierry Kob

Re: [css-d] RWD Swap content images

2013-10-31 Thread Tom Livingston
Thanks Barney. I'm familiar with the technique, but never thought to use it with an img. I'll give it a look. On Thu, Oct 31, 2013 at 4:03 PM, Barney Carroll wrote: > I don't have the link to hand but you should look up Thierry Koblentz's > proportional video container CSS hack. Basically you cre

Re: [css-d] RWD Swap content images

2013-10-31 Thread Tom Livingston
On Thu, Oct 31, 2013 at 3:51 PM, Bjoern Hoehrmann wrote: > * Tom Livingston wrote: >>Having an RWD problem. > > (I imagine that stands for Responsive Web Design. You are the first to > this abbreviation on this list.) Shocking, but Yay me! -- Tom Livingston | Senior Front-End Developer | Medi

Re: [css-d] RWD Swap content images

2013-10-31 Thread Barney Carroll
I don't have the link to hand but you should look up Thierry Koblentz's proportional video container CSS hack. Basically you create a wrapper with position relative, overflow hidden, 0 height and padding-bottom as a percentage of the width (so for a 16:9 aspect ratio content, you'd have padding-bot

Re: [css-d] RWD Swap content images

2013-10-31 Thread Bjoern Hoehrmann
* Tom Livingston wrote: >Having an RWD problem. (I imagine that stands for Responsive Web Design. You are the first to this abbreviation on this list.) -- Björn Höhrmann · mailto:bjo...@hoehrmann.de · http://bjoern.hoehrmann.de Am Badedeich 7 · Telefon: +49(0)160/4415681 · http://www.bjoernsworld

[css-d] RWD Swap content images

2013-10-31 Thread Tom Livingston
List, Having an RWD problem. I have a container and an image. Nothing else is in the container. I need to swap said image with another for smaller devices. I could do this with background images except how do I handle the height of the container proportionally scaling with the image? If I put t