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

问题描述：

我在我的项目http://basic-slider.com/中使用基本滑块作为背景滑块。我想根据不同的窗口来调整图像大小。我使用了一些代码，但不知道我是否正确与否，因为我不熟悉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>

它不工作，我不知道这段代码是否正确。

请谁能帮助

答

这是行不通的，因为如果有人在页面加载后重新调整他们的浏览器是什么？那么它又会是错误的大小。

在任何情况下，大多数滑块都不是全屏显示，而且您提到的特定滑块故意为最小，因此不适合做任何非标准的操作。

快速谷歌搜索“全屏幕背景滑块”带来了这个：http://buildinternet.com/project/supersized/看起来像一个更适合你。它会自动处理全屏和调整大小 - 请参见http://buildinternet.com/project/supersized/slideshow/3.2/demo.html的演示

祝你好运！（PS - 你可能使用CakePHP作为框架，但这个特定的问题与CakePHP无关 - 我已将它重新标记为jquery/carousel）

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

相关推荐