2013-05-06 169 views
0

我在我的項目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> 

它不工作,我不知道這段代碼是否正確。

請誰能幫助

回答

0

這是行不通的,因爲如果有人在頁面加載後重新調整他們的瀏覽器是什麼?那麼它又會是錯誤的大小。

在任何情況下,大多數滑塊都不是全屏顯示,而且您提到的特定滑塊故意爲最小,因此不適合做任何非標準的操作。

快速谷歌搜索「全屏幕背景滑塊」帶來了這個:http://buildinternet.com/project/supersized/看起來像一個更適合你。它會自動處理全屏和調整大小 - 請參見http://buildinternet.com/project/supersized/slideshow/3.2/demo.html的演示

祝你好運! (PS - 你可能使用CakePHP作爲框架,但這個特定的問題與CakePHP無關 - 我已將它重新標記爲jquery/carousel)

相關問題