Wallogit.com 2017 © Pedro Peláez

Home
Sign in
- Email address
  
  Password
  
  Remember me

silverstripe-module silverstripe_respimage

Allows for easy use of responsive images (img.srcset) in SilverStripe

lingo/silverstripe_respimage

Allows for easy use of responsive images (img.srcset) in SilverStripe

Tuesday, November 14, 2017
by lingo
Repository
1 Watchers
1 Stars
44 Installations

PHP
0 Dependents
0 Suggesters
1 Forks
0 Open issues
33 Versions
0 % Grown

The README.md

SilverStripe Responsive Images

Easily use responsive images in SilverStripe templates, via the HTML5 img tag's srcset attribute., _(*1)

Browser compatibility for this attribute can be seen here caniuse, but in any case a polyfill is provided (use npm install) for older browsers., _(*2)

See also the full documentation, _(*3)

Installation

Via composer

composer require lingo/silverstripe_respimage

Usage

Simply call the Responsive method on your image. You should provide a media query as an argument. See here for explanation of this attribute., _(*4)

<% if $FeaturedImage %>
    $FeaturedImage.Responsive("(max-width: 800px) 93vw, 45vw")
<% end_if %>

CSS

You'll probably want to have a bit of CSS also set up to make images scale nicely, something like this:, _(*5)


img {
    width:  auto;
    height: 100%;
}

More information

You can also use the .BackgroundAttr method if you need to add an inline style attribute to an element, in order to use a responsive background image., _(*6)

The Versions

14/11 2017

dev-master

9999999-dev

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

14/11 2017

dev-develop

dev-develop

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

14/11 2017

2.5.0

2.5.0.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

04/10 2017

2.4.0

2.4.0.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

04/10 2017

2.3.3

2.3.3.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

27/09 2017

2.3.2

2.3.2.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

25/09 2017

2.3.1

2.3.1.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

23/09 2017

2.3.0

2.3.0.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

21/09 2017

2.2.7

2.2.7.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

21/09 2017

2.2.6

2.2.6.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

20/09 2017

2.2.5

2.2.5.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

19/09 2017

2.2.4

2.2.4.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

14/09 2017

2.2.3

2.2.3.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

14/09 2017

2.2.2

2.2.2.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

13/09 2017

2.2.1

2.2.1.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

31/08 2017

2.2.0

2.2.0.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

21/08 2017

2.1.1

2.1.1.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

16/08 2017

2.1.0

2.1.0.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

06/06 2017

2.0.2

2.0.2.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

MIT

The Requires

by Luke Hudson

06/06 2017

2.0.1

2.0.1.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

06/06 2017

2.0.0

2.0.0.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

06/06 2017

1.0.1

1.0.1.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

06/06 2017

1.0.0

1.0.0.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

04/06 2017

0.1.5

0.1.5.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

04/06 2017

0.1.4

0.1.4.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

04/06 2017

0.1.3

0.1.3.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

04/06 2017

0.1.2

0.1.2.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

04/06 2017

0.1.1

0.1.1.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

04/06 2017

0.1.9

0.1.9.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

06/06 2016

0.1.8

0.1.8.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

06/06 2016

0.1.7

0.1.7.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

06/06 2016

0.1.6

0.1.6.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

by Luke Hudson

06/06 2016

0.1.0

0.1.0.0

Allows for easy use of responsive images (img.srcset) in SilverStripe

Sources Download

The Requires

php ^5.3.3 || ^7.0
silverstripe/framework ^3.0

by Luke Hudson