Thanks Dude!

This is coming closer to what I want! But unfortunatly your code isnt working. But I found this:

_setSize: function( )
    	{
    		var viewport		= this.$win.height(),
    			slide_height	= Math.ceil( (viewport / 100) * this.options.height );
			
			if(this.$subtract.length)
			{
	    		this.$subtract.each(function()
	    		{
	    			slide_height -= this.offsetHeight;
	    		});
    		}

If i change “viewport / 100” to “viewport / 125” it give me almost what I want. This is still relative. I want it to be fixed instead of relative. Meaning you can always see 125px of the page beneath the slider.

Michael

edit: i applied the / 125 at the moment

• This reply was modified 11 years, 4 months ago by vruchtvlees.

Hi Josue,

will do that later. Thanks!

Meanwhile: isn’t there a piece of JavaScript running that measure the browsers height and sets the height as inline css (element.style) for the slider div? The marked green area in the above image?

I have the idea that with a simple customization of the JS we can set the height we want :)

For example something like this:

$browserheight=100%
$correction=100px
$newheight = $browserheight – $correction

<div style=”$newheight”>slider content</div>

Michael

Attached an image to make things more clear