Skip to content

Instantly share code, notes, and snippets.

@furenku
Last active February 22, 2016 16:26
Show Gist options
  • Select an option

  • Save furenku/52e2a26d2c8f3048d3c4 to your computer and use it in GitHub Desktop.

Select an option

Save furenku/52e2a26d2c8f3048d3c4 to your computer and use it in GitHub Desktop.
<div id="wrapper" class="xrow h_100vh">
<div id="img_holder" class="xrow h_100 imgLiquid imgLiquidFill absUpL z-1">
<img src="http://fakeimg.pl/1200x800" alt="" />
</div>
<div id="other_content" class="row">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi dolorum cum quibusdam, aliquid molestias! Odit voluptatem ipsa, nostrum blanditiis. Vero pariatur dolor quibusdam odit, officiis tempore asperiores deserunt est et inventore ab perferendis autem omnis obcaecati reiciendis voluptas labore nesciunt, at facere reprehenderit maxime ducimus eius atque magni. Est tenetur nemo nulla error at dicta animi possimus! At porro quam vitae dolore eligendi voluptates laboriosam repellendus tenetur eum ratione doloribus enim, nulla magnam, sit provident, explicabo alias accusamus facere error. Ducimus, quidem, architecto exercitationem sequi modi aliquam laboriosam nostrum itaque. Voluptatem, neque, recusandae illo non perferendis fugiat totam porro magni unde cupiditate obcaecati. Doloribus aperiam cupiditate expedita quidem modi debitis sunt eius incidunt assumenda ratione facilis vitae temporibus repellendus quasi harum, repudiandae eaque sapiente illo nesciunt eos suscipit molestias. Inventore impedit animi in sunt, soluta distinctio. Aspernatur ipsam debitis quae, maiores consequuntur modi cumque eius consectetur iure sint ab dolorem, atque quam culpa mollitia dolore sed eos amet fuga quos quo. Blanditiis voluptatibus qui, illo velit maiores autem aspernatur vero culpa laboriosam magni! Suscipit non numquam velit, fuga ea ratione aliquam asperiores illum ex placeat facilis harum ut hic cum eaque architecto unde, reiciendis eligendi illo. Eveniet quidem doloremque voluptate.
<div id="img_in_content" class="imgLiquid imgLiquidNoFill medium-6 columns h_20vh">
<img src="http://fakeimg.pl/600x800" alt="" />
</div>
</div>
</div>
$('.imgLiquid.imgLiquidFill').imgLiquid();
$('.imgLiquid.imgLiquidNoFill').imgLiquid({
fill:false
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment