如何在Materialize框架Parallax中使图像更大

How to make images larger in Materialize framework Parallax

本文关键字:图像 Parallax Materialize 框架      更新时间:2023-09-26

我是框架的新手(以前使用过一点引导程序),已经开始用实体化框架构建网站。

正如你在那个链接上看到的,有一个Parallax框架,我想使用它。问题是,当我交换我的图像时,它会切断比我想要的更多的图像。有人知道怎么解决这个问题吗?

当我使用谷歌开发工具时,有一个translate3D属性,我可以编辑它的Y值,这就起到了作用。我想这是在物化.js文件的第1154:行

$img.css('transform', "translate3D(-50%," + parallax + "px, 0)");

但我不知道视差变量是在哪里设置的。

尝试更改<img height="" width="">中图像的大小。它不会削减那么多。或者,如果你想增加视差图像容器的大小,只需使用

.parallax-container{
    height:
}

PS:使用视差时,请始终使用高分辨率图片。