视差插件不显示图像
parallax plug in not showing image
Parallax 插件在我的 html 文件中不起作用。请帮我修复错误。
我创建了一个 HTML 文档,其中我在 div 中使用了视差图像效果。
https://github.com/munadilfahad/exam-19022017/blob/master/profile.html
图像文件位于图像文件夹中
https://github.com/munadilfahad/exam-19022017/tree/master/images
css 个文件位于 css 个文件夹中
github.com/munadilfahad/exam-19022017/tree/master/css
js文件位于js文件夹中
github.com/munadilfahad/exam-19022017/tree/master/js
div
div 我用过视差插件的地方是,
<div class="parallax-window parallax-mirror" data-parallax="scroll" data-image-src="images/image.jpg"></div>
JavaScript
我在 body 标签的底部链接了视差 js 文件,
<script src="js/parallax.js"></script>
CSS
在我自己的css文件中(css/style.css),如果有下面几行,
.parallax-window {
min-height: 400px;
background: transparent;
}
.parallax-mirror {
z-index:1
}
所以,问题出在你的 HTML DOCTYPE 上,添加
<!DOCTYPE html>
而不是
<html>
并删除
$('.parallax-window').parallax({imageSrc: 'images/image.jpg'});
来自 profile.js,因为您只能使用一种方式从数据-* 属性或使用脚本启动视差。
Parallax 插件在我的 html 文件中不起作用。请帮我修复错误。
我创建了一个 HTML 文档,其中我在 div 中使用了视差图像效果。 https://github.com/munadilfahad/exam-19022017/blob/master/profile.html
图像文件位于图像文件夹中 https://github.com/munadilfahad/exam-19022017/tree/master/images
css 个文件位于 css 个文件夹中 github.com/munadilfahad/exam-19022017/tree/master/css
js文件位于js文件夹中 github.com/munadilfahad/exam-19022017/tree/master/js
div
div 我用过视差插件的地方是,
<div class="parallax-window parallax-mirror" data-parallax="scroll" data-image-src="images/image.jpg"></div>
JavaScript
我在 body 标签的底部链接了视差 js 文件,
<script src="js/parallax.js"></script>
CSS
在我自己的css文件中(css/style.css),如果有下面几行,
.parallax-window {
min-height: 400px;
background: transparent;
}
.parallax-mirror {
z-index:1
}
所以,问题出在你的 HTML DOCTYPE 上,添加
<!DOCTYPE html>
而不是
<html>
并删除
$('.parallax-window').parallax({imageSrc: 'images/image.jpg'});
来自 profile.js,因为您只能使用一种方式从数据-* 属性或使用脚本启动视差。