I just found the answer with Picturefill responsive JS image swap

Article:
http://css-tricks.com/which-responsive-images-solution-should-you-use/ 

Github project:
https://github.com/scottjehl/picturefill 

Think this should definitely be added to bootstrap.


On Thursday, 2 August 2012 18:09:43 UTC+1, Gavin Skull wrote:
>
> Hi,
>
> I would like the carousel to be responsive in setting a different aspect 
> ratio for the image at different screen sizes.
>
> As an example
>
> @>980 normal aspect ratio
>
> @ <980 aspect ratio 1 to 5
>
> @width 420px aspect ratio 1 to 1.5
>
> I have tried the clip property as example from w3 schools but doesnt work:
>
> img 
> {
> position:absolute;
> clip:rect(0px,60px,200px,0px);
> } 
>
> any ideas how to make the carousel aspect ratio responsive?
>
> Many thanks
>
>

Reply via email to