视差插件不显示图像

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,因为您只能使用一种方式从数据-* 属性或使用脚本启动视差。