Horizontal Responsive Photo Strip

<div id="container">

  <img src="http://www.unprofound.com/search/pics/masks.jpg" />

  <img src="http://www.unprofound.com/search/pics/unprofound_red_2.jpg" />

  <img src="http://www.unprofound.com/search/pics/park_city_utah_morning_snow.jpg" />

  <img src="http://www.unprofound.com/search/pics/nick_lonesomeTree.jpg" />

  <img src="http://www.unprofound.com/search/pics/biketour017.jpg" />

  <img src="http://www.unprofound.com/search/pics/pumpkins.jpg" />

</div>

#container {

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto 0;

    width: 100%;

    max-height: 900px;

    overflow-x: auto;

    white-space: nowrap;

}

#container * { white-space: normal }

#container img {

    max-width: auto;

    height: 100%;

    display: inline-block;

    vertical-align: top;

}

/*

b-lazy {

  -webkit-transition: opacity 500ms ease-in-out 100ms;

  -moz-transition: opacity 500ms ease-in-out 100ms;

  -o-transition: opacity 500ms ease-in-out 100ms;

  transition: opacity 500ms ease-in-out 100ms;

  opacity: 0;

}

.b-lazy.b-loaded { opacity: 1 }

*/