https://github.com/jonom/jquery-focuspoint
- This solve is useful for a fluid layout; where art-direction for every possible width is not practical.
- Picture element setup is fairly simple:
- Adhears to Bootstrap 3 breakpoints
- Source elements use a single value for
srcset
onMediaQueryChange
is called by some custom MatchMedia based code, which isn't hard to writegetMqSuffix
simply checks the current breakpoint and returns"sm"
,"md"
, or"lg"
.- I created the values for each version of the
data-
attrs using the nice helper tool linked to from the repo.