Galleria - Responsive

by ashleycam3ron

HTML

<script src="https://raw.github.com/aino/galleria/5c22abd02e48ae29ab8e11c3705d48d107c7df15/src/galleria.js"></script>
<h1>Testing ratio-based height in a responsive layout (resize the window)</h1>
<div id="galleria">
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Metz_Porte_des_Allemands_R07.jpg/800px-Metz_Porte_des_Allemands_R07.jpg">
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gull_portrait_ca_usa.jpg/800px-Gull_portrait_ca_usa.jpg">
</div>

CSS

#galleria{width:100%}

JavaScript

Galleria.loadTheme('http://aino.github.com/galleria/demos/categories/themes/classic/galleria.classic.min.js');

$('#galleria').galleria({
    responsive: true,
    height: 0.5625
});