Skip to content

Instantly share code, notes, and snippets.

@howardpanton
Last active December 20, 2015 17:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save howardpanton/6172527 to your computer and use it in GitHub Desktop.
Save howardpanton/6172527 to your computer and use it in GitHub Desktop.
Full-width overflow slider
<div class="content-wrapper">
<div class="row slider-container overflow">
<div class="royalSlider contentSlider rsDefault block" data-slider-item-width="1280" data-slider-item-height="480">
<figure>
<img class="rsImg" src="http://artslondon.github.io/beta/assets/img/carousel-imgs/1280x480_slide_1.jpg" alt="some alt text" />
<figcaption class="rsCaption">This is an 'overflow' slider</figcaption>
</figure>
<figure>
<img class="rsImg" src="http://artslondon.github.io/beta/assets/img/carousel-imgs/1280x480_slide_2.jpg" alt="some alt text" />
<figcaption class="rsCaption">Images are still 1280 x 480</figcaption>
</figure>
<figure>
<img class="rsImg" src="http://artslondon.github.io/beta/assets/img/carousel-imgs/1280x480_slide_3.jpg" alt="some alt text" />
<figcaption class="rsCaption">Image</figcaption>
</figure>
<figure>
<img class="rsImg" src="http://artslondon.github.io/beta/assets/img/carousel-imgs/1280x480_slide_4.jpg" alt="some alt text" />
<figcaption class="rsCaption">Image</figcaption>
</figure>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment