Forums

mevaser

Hello,

I am doing a website that is using Nivo Slider. The client wants the slider to be full with of the website. So we have to modify this slider to do such. Similar to this Slider: http://blakesley.cmsmasters.net/

But full screen. The problem we are having is that when we tried, the whole footer kept moving.

Does any one every tried to do a slider that would have those propeties?

Thanks,

InformationArchitect

I´ve worked with the NivoSlider, but I´ve never tried to make it fullscreen.
Have you tried to put the footer in an separate div with "position: fixed" or "position: absolute" for the footer?

mevaser

This did it:



<script type='text/javascript'>
		$(function() {   
			var theWindow        = $(window),
			    $bks              = $("#bks "),
			    aspectRatio      = $bks.width() / $bks.height();
			    			    		
			function resizeBg() {
				
				if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
				    $bks
				    	.removeClass()
				    	.addClass('bgheight');
				} else {
				    $bks
				    	.removeClass()
				    	.addClass('bgwidth');
				}
							
			}
			                   			
			theWindow.resize(function() {
				resizeBg();
			}).trigger("resize");
		
		});
	</script>

0161_jon

Hello mevaser

would it be possible to explain in more detail how you got it working full screen and how to go about achieving the same thing? Would be great to see the html css that goes with the script above if possible?

thanks!

treehouse : what would you like to learn today?

Forums

Nivo Slider Full page