0

I am using Basic-slider in my project http://basic-slider.com/ as a background slider. I want to make images resize according to different windows. I am using some code but don't know whether I am right or not, as I am not familiar with javascript and 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 it according to my requirement as 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 and am not sure this code is proper or not.

Please can anyone help

4

1 回答 1

0

那是行不通的,因为如果有人在页面加载后调整浏览器的大小怎么办?然后它又会是错误的尺寸。

无论如何,大多数滑块都不是全屏的,而且您提到的特定滑块是故意最小的,因此不适合做任何非标准的事情。

快速谷歌搜索“全屏背景滑块”会显示:http ://buildinternet.com/project/supersized/ ,这看起来更适合您。它会自动处理全屏和调整大小 - 请参阅http://buildinternet.com/project/supersized/slideshow/3.2/demo.html上的演示

祝你好运!

(PS - 您可能使用 CakePHP 作为框架,但这个特定问题与 CakePHP 无关 - 我已将其重新标记为 jquery / carousel)

于 2013-05-10T13:53:30.807 回答