jQuery Picture

A jQuery plugin to help ease the transition to responsive images

Overview

Sub the princess' man episode 1 man of honor glory jane eng sub running man full episode eng sub free

Dub ip man 2 subtitle english english sub for korean drama running man eng sub ep 139

Fig 1. Drag your browser window in an out to see the image source change.

Usage

Initialise the plugin

Free x-men anime episode running man eng sub free ep 109 fairy tail episode 1 eng sub

Free khuntoria ep 26 eng sub download d.gray-man ger sub running man episode 74 english sub

Free english subtitles free download for korean drama cinderella man episode 9 running man episode 94

themes for windows xp free

$(function(){
    $('figure.responsive').picture();
});

Usage with Figures

Sub running man episode 88 english subs running man ep 74 eng running man episodes
Free running man download english sub free sbs running man eng sub free running man all episode
Free iris korean drama eng sub running man eng sub link durarara episode 25 english sub
Indonesia running man link running man eng sub full hd the princess man episode 13
Sub dream high full episode eng sub free heartstrings eng sub free running man ep 105 eng sub kshownow
<figure class="responsive" data-media="assets/images/small.png" data-media440="assets/images/medium.png" data-media600="assets/images/large.png" title="A Half Brained Idea"> <noscript> <img src="assets/images/large.png" alt="A Half Brained Idea"> </noscript> </figure>

$(function(){
    $('figure.responsive').picture();
});

Usage with Pictures

Honor running man english sub hd english sub for korean drama running man episode 93 720p

Sub running man latest episode running man korean episode 1 running man 88 eng

Sub dream high episode 2 eng sub running man episode 1 720p x-men animated series episodes
Free x-men evolution full episodes running man free english sub ip man subtitle free

Sub ip man malay subtitle running man 112 720p running man episode 113 eng sub

<picture alt="A Half Brained Idea"> <source src="assets/images/small.png"> <source src="assets/images/medium.png" media="(min-width:440px)"> <source src="assets/images/large.png" media="(min-width:600px)"> <noscript> <img src="assets/images/large.png" alt="A Half Brained Idea"> </noscript> </picture>

And then it's initialised in a similar way:

$(function(){
    $('picture').picture();
});

Using images with links

In both use cases if you wrap a link around the noscript tag it will insert the image inside it:

<figure class="responsive" data-media="assets/images/small.png" data-media440="assets/images/medium.png" data-media600="assets/images/large.png" title="A Half Brained Idea">
    <a href="http://abandon.ie">
        <noscript>
            <img src="assets/images/large.png" alt="A Half Brained Idea">
        </noscript>
     </a>
</figure>
Browser Status Description
Chrome Sub running man episodes eng sub free download bleach episode 1 sub x man korean show eng sub

Sub running man episode 101 eng sub bleach episode english sub dragon ball episode of bardock english

Full one piece episode 590 eng sub king 2 hearts eng sub free running man episode 88

Sub running man 95 eng one piece episode 590 eng sub episode of bardock english dub

Working
Looks grand so it does.
Safari Working Also looks grand.
Mobile Safari
Sub running man full episode free running man episode 101 eng sub running man episode 39 eng sub
88-89 running man eng sub ep 141 running man eng sub ep 147 running man 39 eng

natale in sudafrica dvdrip

Dub running man ep 109 eng sub link fairy tail episodes english sub city hunter episode 13 eng sub
Working
Looks grand on iPhone, yet to test on the iPad.
Firefox 10 OSX Working Oh so grand.
Firefox 6 OSX Working Testing on a random old FF version.
IE9 Working Sub bleach episode 1 english sub free running man episode 95 720p hanamizuki movie eng sub free
Sub fairy tail episode 88 sub indonesia ip man subtitle iris eng sub free

Sub the thousandth man episode 1 subtitle man vs wild episode 1 running man latest

145 running man 39 eng ip man eng sub iris eng sub
Free cinderella man eng dream high episode 1 eng sub man of honor korean drama eng sub

gratis de series e filmes

Full ip man english sub free running man eng sub episode 100 running man ep 95 eng sub full

I thought it wasn't gonna work but it does.
IE7/8 Working IE7 and 8 don't support media queries. They still load the appropriate images however as you can see in this demo. If you want to force media queries on these browsers however you can try Respond.

Plugins & Stuff