如何根据屏幕调整滑块图像的大小

时间:2013-05-06 06:49:04

标签: jquery carousel

我在项目http://basic-slider.com/中使用Basic-slider作为背景滑块。我想根据不同的窗口调整图像大小。我正在使用一些代码,但不知道我是否正确,因为我不熟悉javascript和jquery

提供的原始脚本是: -

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

我根据我的要求修改了它,如下所示

<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>

它不起作用,我不确定这段代码是否合适。

请任何人帮忙

1 个答案:

答案 0 :(得分:0)

这不起作用,因为如果有人在页面加载后调整浏览器的大小会怎么样?然后再次出现错误的尺寸。

在任何情况下,大多数滑块都不是全屏的,你提到的特定滑块是故意的,因此不适合做任何非标准的。

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

上的演示 祝你好运!

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