• AVALANCHE SLIDER

  • FULLY CSS3 TRANSITION DRIVEN
    WITH BEAUTIFUL CAPTION ANIMATIONS
  • FULLY RESPONSIVE
    FROM DESKTOP DOWN TO MOBILE
  • SUPPORTS
    HTML5 VIDEO, YOUTUBE & VIMEO
  • A SIMPLE BUT POWERFUL SLIDER
    BY THEMEMOUNTAIN

Fullscreen

Setting slider width and height to 100% and the fullscreen parameter to true will force the slider to take the full width and height of the page. Aspect ratios of images and videos are ignored in fullscreen mode; both images and videos are scaled to fit the slide.

IMPORTANT: Caption scaling is not currently supported in fullscreen mode. To scale captions use classes and media queries instead.


Initializing Fullwidth & Scaling

Create a fullwidth slider by setting the fullscreen parameter to true:

Example
								
									$( document ).ready( function(){
										$( '.tm-slider-container' ).avalancheSlider({
											fullscreen:true
										});
									});
								
							

Further Examples
Theme Mountain

Current Version