Jquery 将视图端口高度添加到Javascript插件
我有一个javascript横幅，它有一个默认的宽度和高度，我想在其中添加视图端口高度。（我不能把100%或自动，因为插件不工作，我应该添加像100px等值）。下面是javascriptJquery 将视图端口高度添加到Javascript插件,jquery,height,viewport,Jquery,Height,Viewport,我有一个javascript横幅，它有一个默认的宽度和高度，我想在其中添加视图端口高度。（我不能把100%或自动，因为插件不工作，我应该添加像100px等值）。下面是javascript <script type="text/javascript"> $(document).ready(function(){ var h=$(window).height(); $('#slideshow').fadeSlideShow({ PlayPause
<script type="text/javascript">
$(document).ready(function(){
var h=$(window).height();
$('#slideshow').fadeSlideShow({
PlayPauseElement: false,
NextElement: false,
PrevElement: false,
ListElement: false,
width: '100%',
height: h+'px'
});
});
</script>
$（文档）.ready（函数（）{
var h=$（window.height（）；
$（“#幻灯片放映”）.fadeSlideShow({
playbauseelement:false，
NextElement:false，
元素：false，
李斯特：错，
宽度：“100%”，
高度：h+‘px’
});
});
var h=$(window).height()
$('#slideshow').fadeSlideShow({
PlayPauseElement: false,
NextElement: false,
PrevElement: false,
ListElement: false,
width: '100%',
height: h+'px';
});
<html>
<head>
<script src="jq.js" type="text/javascript"></script>
<script src="slideshow/fadeslideshow.js" type="text/javascript"></script>
<link href="slideshow/demostylesheet.css" rel="stylesheet" type="text/css">
<script>
$(document).ready(function(){
var h=$(window).height();
var w=$(window).width();
$('#slideshow').css({
margin: '0px',
padding: '0px'
})
$('body').css('overflow','hidden')
$.when($('#slideshow').find('img').css
({
width: w+'px',
height: h+'px'
})
).then($('#slideshow').fadeSlideShow({
PlayPauseElement: false,
NextElement: false,
PrevElement: false,
ListElement: false,
width: w+'px',
height: h+'px'
})
)
$(window).on('resize',function(){
$(document).ready(function(){
$('body').css('overflow','visible')
$(window).scrollTop($(window).height())
$('#slideshow').find('*').css({
width: $(window).width()+'px',
height: $(window).height()+'px'
})
$('#slideshow').find('*').css({
width: $(window).width()+20+'px',
height: $(window).height()-$(window).scrollTop()+17+'px'
})
$(window).scrollTop(0);
$('body').css('overflow','hidden')
$('#slideshow').css({height : $(window).height()+'px', width: $(window).width()+'px'})
})
});
});
</script>
</head>
<body>
<ul id="slideshow" style="width: 640px; height: 480px; position: relative; overflow: hidden;">
<!-- This is the last image in the slideshow-->
<li style="position: absolute; width: 640px; height: 480px; display: list-item;">
<img src="http://www.simplefadeslideshow.com/wp-content/themes/simplefadeslideshow_com/images/3.jpg" width="640" height="480" border="0" alt="">
</li>
<li style="position: absolute; width: 640px; height: 480px; display: list-item;">
<img src="http://www.simplefadeslideshow.com/wp-content/themes/simplefadeslideshow_com/images/2.jpg" width="640" height="480" border="0" alt="">
</li>
<li style="position: absolute; width: 640px; height: 480px; display: list-item; opacity: 0.7128896457825363;">
<img src="http://www.simplefadeslideshow.com/wp-content/themes/simplefadeslideshow_com/images/1.jpg" width="640" height="480" border="0" alt="">
</li>
<!-- This is the first image in the slideshow -->
</ul>
</body>
</html>
$（文档）.ready（函数（）{
var h=$（window.height（）；
var w=$（window.width（）；
$（“#幻灯片放映”）.css({
边距：“0px”，
填充：“0px”
})
$（'body'）.css（'overflow'，'hidden'））
$.when（$（'#slideshow'）.find（'img'）.css
({
宽度：w+‘px’，
高度：h+‘px’
})
)。然后（$（“#幻灯片放映”）。fadeSlideShow({
playbauseelement:false，
NextElement:false，
元素：false，
李斯特：错，
宽度：w+‘px’，
高度：h+‘px’
})
)
$（窗口）.on（'resize'，function（））{
$（文档）.ready（函数（）{
$（'body'）.css（'overflow'，'visible'））
$（窗口）.scrollTop（$（窗口）.height（））
$（“#幻灯片放映”）.find（“*”）.css({
宽度：$（窗口）.width（），
高度：$（窗口）.height（）+'px'
})
$（“#幻灯片放映”）.find（“*”）.css({
宽度：$（窗口）.width（）+20+'px'，
高度：$（窗口）.height（）-$（窗口）.scrollTop（）+17+'px'
})
$（窗口）.scrollTop（0）；
$（'body'）.css（'overflow'，'hidden'））
$（'#slideshow'）.css（{height:$（window.height（）+'px'，width:$（window.width（）+'px'））
})
});
});
-
-
-