gpt4 book ai didi

Javascript 和 W3CSS 奇怪的图像行为

转载 作者:行者123 更新时间:2023-11-30 15:03:31 24 4
gpt4 key购买 nike

使用 W3Schools 静态幻灯片 CSS(和 W3CSS):https://www.w3schools.com/w3css/w3css_slideshow.asp

但是,我的图像都是不同的高度和宽度,所以我想根据视口(viewport)的大小将它们设置为相同的高度,所以我修改了幻灯片的 javascript(见下文,566 和 1280是最短图像的尺寸),但是,当使用此 javascript 时,幻灯片显示的高度为 0,但在报告“高度”变量时,它显示的是正确的(非零)值。

<script>
var slideIndex = 1;

showDivs(slideIndex);

function plusDivs(n) {
showDivs(slideIndex += n);
}

function showDivs(n) {
var i;
var x = document.getElementsByClassName("Gallery");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length} ;
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
var height = (document.documentElement.clientWidth*566/1280);
x[slideIndex-1].height = height+"px";
}
</script>

最佳答案

您的最后一行不正确。应该是:

x[slideIndex-1].style.height = height+"px";

关于Javascript 和 W3CSS 奇怪的图像行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46146552/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com