如何在Materialize框架Parallax中使图像更大
How to make images larger in Materialize framework Parallax
我是框架的新手(以前使用过一点引导程序),已经开始用实体化框架构建网站。
正如你在那个链接上看到的,有一个Parallax框架,我想使用它。问题是,当我交换我的图像时,它会切断比我想要的更多的图像。有人知道怎么解决这个问题吗?
当我使用谷歌开发工具时,有一个translate3D
属性,我可以编辑它的Y值,这就起到了作用。我想这是在物化.js文件的第1154:行
$img.css('transform', "translate3D(-50%," + parallax + "px, 0)");
但我不知道视差变量是在哪里设置的。
尝试更改<img height="" width="">
中图像的大小。它不会削减那么多。或者,如果你想增加视差图像容器的大小,只需使用
.parallax-container{
height:
}
PS:使用视差时,请始终使用高分辨率图片。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- Javascript排序的图像弹出窗口..可以't单独弹出
- 画布数据到图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使图像在单击时展开到不大于浏览器
- Html页面上的多个Base64图像和平滑加载
- UIAutomation放大图像
- 使用javascript在Flash中加载外部图像
- 可以在这里为背景图像设置滤镜吗
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 使用 js 将背景图像设置为 HTML
- Javascript将图像src更改为淡入淡出
- 无法在本地计算机中将画布另存为图像
- 压缩phonegap中ios的图像插件
- 如何在Materialize框架Parallax中使图像更大