jquery - How to resize slider images according to screens -

i using basic-slider in project http://basic-slider.com/ background slider. want make images resize according different windows. using code don't know whether right or not, not familiar javascript , jquery

original script provided was:-

<script class="secret-source"> jquery(document).ready(function($) { $('#banner-slide').bjqs({ animtype      : 'slide', height        : 800, width         : 1349, responsive    : true, randomstart   : true }); });     </script> 

i modified according requirement below

<script class="secret-source"> jquery(document).ready(function($) {   var h = screen.availheight;   var w = screen.availwidth;  $('#banner-slide').bjqs({ animtype      : 'slide', height        : h, width         : w, responsive    : true, randomstart   : true }); });     </script> 

it's not working , not sure code proper or not.

please can help

that won't work, because if resizes browser after page loads? it'll wrong size again.

in case, sliders aren't made full screen, , particular slider you've mentioned intentionally minimal, , therefore not fit doing non-standard with.

a quick google search "full screen background slider" brings this: http://buildinternet.com/project/supersized/ looks better fit you. automatically handles full screen, , resizing - see demo @ http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

good luck!

(ps - may using cakephp framework, specific problem has nothing cakephp - i've retagged jquery / carousel)