相关疑难解决方法(0)

Slick Slider(Ken Wheeler) - 隐藏滑块直到装载

我目前正在使用Slick(Ken Wheeler)滑块功能.它目前正在页脚中加载,只有两个变量.

        $('.slickSlider').slick({
              dots: true,
              fade: true
        });
Run Code Online (Sandbox Code Playgroud)

我目前正在体验jquery的现成功能,我可以在加载jquery之前看到所有内容都崩溃.反正有没有隐藏滑块或解决这个问题?它首先加载的地方,或者在所有资产完成之前不加载任何东西.

提前致谢.

css jquery slider jquery-plugins slick.js

9
推荐指数
3
解决办法
2万
查看次数

在浏览器布局中为响应图像保留空间(防止回流)

我一直在进行更改,以使我的网站更具响应性,总的来说,这一切进展顺利.但是,我遇到了一个问题:

之前,我总是在img元素上使用height和width属性,以便在浏览器加载图像时为图像保留空间.这可以防止布局在浏览器加载时抖动并计算图像所需的空间.

然而,通过使用max-width: 100%和取出高度和宽度属性使我的图像更具响应性后,浏览器不再为图像保留空间(因为它不再知道图像将提前多高或多宽,因为我无法不明确告诉它)

我的目标是让响应式图像在初始加载时占用页面布局中的适当空间.有谁知道这个解决方案?

*编辑(解决方案) - 这是我在这个主题上找到的最好的文章.好方法!

javascript browser frontend image css3

5
推荐指数
1
解决办法
1122
查看次数

标签 统计

browser ×1

css ×1

css3 ×1

frontend ×1

image ×1

javascript ×1

jquery ×1

jquery-plugins ×1

slick.js ×1

slider ×1