Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 我如何不断检查图像的高度';它看得见吗?_Jquery_Html_Slider - Fatal编程技术网

Jquery 我如何不断检查图像的高度';它看得见吗?

Jquery 我如何不断检查图像的高度';它看得见吗?,jquery,html,slider,Jquery,Html,Slider,我有一个图像滑块,需要滑块的高度始终与滑块中当前可见图像的高度相同 我已经将此代码设置为自动检查滑块内图像的高度,但它只检查第一个图像。当滑块旋转到下一个图像时,滑块的高度将变为“0px”,但当滑块返回到第一个图像时,其将正确记录高度 如何让此代码正确注册当前滑块图像的高度并将此高度应用于滑块 HTML 这是一个普通的javascript解决方案 您需要将类“幻灯片img”分配给每个图像,以使其正常工作。你需要填上for循环的内容。但这将得到每个图像的高度 (function checkHeig

我有一个图像滑块,需要滑块的高度始终与滑块中当前可见图像的高度相同

我已经将此代码设置为自动检查滑块内图像的高度,但它只检查第一个图像。当滑块旋转到下一个图像时,滑块的高度将变为“0px”,但当滑块返回到第一个图像时,其将正确记录高度

如何让此代码正确注册当前滑块图像的高度并将此高度应用于滑块

HTML


这是一个普通的javascript解决方案

您需要将类“幻灯片img”分配给每个图像,以使其正常工作。你需要填上for循环的内容。但这将得到每个图像的高度

(function checkHeight() {

    // Create array of images
    let arr_imgs = document.querySelectoryAll('.slide-img');

    // for each image -> do somthing
    arr_imgs.forEach(function(e) {

        let imgHeight = e.clientHeight();

    });


});
function checkForChanges() {
    var cool = $('.slider img').height() + "px";
    $('.slider').css('height', cool);
}
setInterval(checkForChanges, 1000);
(function checkHeight() {

    // Create array of images
    let arr_imgs = document.querySelectoryAll('.slide-img');

    // for each image -> do somthing
    arr_imgs.forEach(function(e) {

        let imgHeight = e.clientHeight();

    });


});