Evan Solomon

<p>Usually when we talk about making something responsive, we mean horizontally.  But it’s annoying when tall images overflow a short laptop screen.  This resizes those images on the fly to fit the user’s window.  Optionally disable it for individual images by adding a <code>do-not-resize</code> class.</p>


Vertically Responsive Images

Resize images on the fly to make sure the whole thing fits into the user's window.

CeiKay

<p>Mediabox CK is a responsive Lightbox to show your medias. Responsive and compatible with touch devices. It can show any media like your images, videos from your server or from the social network like youtube or else, or any other url or html content.</p>
<ul>
<li>Can show any media : images, videos, html</li>
<li>Responsive behavior : resize the media according the screen size</li>
<li>Responsive layout : full screen image and bigger buttons to use with your finger</li>
<li>Designed to work with touch device : swipe to navigate, tap to zoom on the image, use the finder to pan the zoomed image</li>
<li>Mobile detection based on resolution or device type</li>
<li>Group your medias into albums to navigate through them</li>
<li>Can replace any existing Lightbox : you can select which selector to use for your links</li>
<li>Options to style the lightbox (background, color, corner radius, etc …) to fit it to your website design</li>
<li>Show counter of medias</li>
<li>Show a caption with title and description from the title attribute of the link</li>
<li>Option to loop through the medias (go back to the first media after the last one)</li>
</ul>


Mediabox CK – Responsive Lightbox

Mediabox CK shows your medias in a nice responsive Lightbox. You can also use the lightbox on touch device to navigate through the medias, zoom and pa …

Vertically Responsive Images vs Mediabox CK – Responsive Lightbox