title: Image in full screen with img tag
body: <p>I am using the <code>img</code> tag for my slider images. I need the <strong>image to be full width and height and centered</strong> inside its container.</p>
  <p>My problem is, when I resize the window width, my image becomes small and its height doesn't follow the window height. I need the <strong>same behaviour as <code>background-size: cover</code> but with the image tag</strong>.</p>
  <pre><code>background: url(../images/slider/002.jpg) center center;
  background-size: cover;
  </code></pre>
  <p>If I make the image a background, everything works fine, but the slider will not. I need to use the <code>&lt;img&gt;</code> tag.
  Here is my <a href="https://jsfiddle.net/XW2un/1/" rel="nofollow noreferrer">example</a>.</p>