2017-02-20 44 views
2

视差插件不能在我的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 class="parallax-window parallax-mirror" data-parallax="scroll" data-image-src="images/image.jpg"></div> 

的JavaScript

我已经联系下面的视差JS文件body标签的底部,

<script src="js/parallax.js"></script> 

CSS

在我自己的css文件(css/style.css),如果放在下面的行,

.parallax-window { 
    min-height: 400px; 
    background: transparent; 
} 

.parallax-mirror { 
    z-index:1 
} 

回答

0

那么,问题是你的HTML DOCTYPE,加

<!DOCTYPE html> 

,而不是

<html> 

和profile.js删除

$('.parallax-window').parallax({imageSrc: 'images/image.jpg'}); 

,你可以只用一个方法从数据属性或使用脚本启动视差。

+0

加入<!DOCTYPE html>解决了这个问题。伟大的兄弟维拉斯库马尔。非常感谢。 –

+0

@MunadilFahad如果给定的解决方案可以解决您的问题,那么您可以接受解决方案,upvote将被appriciated;) –

+0

我第一次在这个平台上发布的问题。我没有选择标记它解决和upvote。 –