parallax plug in not showing image

Question

Parallax plugin is not working in my html file. Please help me to fix the bug.

I have created a HTML document where I have used parallax image effect in a div. https://github.com/munadilfahad/exam-19022017/blob/master/profile.html

css files are located in css folder github.com/munadilfahad/exam-19022017/tree/master/css

and js files are located in js folder github.com/munadilfahad/exam-19022017/tree/master/js

div

div where I have used parallax plugin is,

<div class="parallax-window parallax-mirror" data-parallax="scroll" data-image-src="images/image.jpg"></div>

I have linked below parallax js file the the bottom of the body tag,

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

In my own css file (css/style.css), if have put below lines,

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

.parallax-mirror {
    z-index:1
}

score 0 · Accepted Answer · answered Feb 20 '17 at 07:53

0

So, the problem is with your HTML DOCTYPE, add

<!DOCTYPE html>

instead of

<html>

and remove

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

from profile.js as you can use only one way to initiate parallax either from data-* attributes or using script.

answered Feb 20 '17 at 07:53

Vilas Kumkar

adding solves the problem. Great brother Vilas Kumar. Thank you so much. – Munadil Fahad Feb 20 '17 at 18:10
@MunadilFahad If given solution solves your problem, then you can accept the solution and upvote would be appriciated ;) – Vilas Kumkar Feb 21 '17 at 06:39
I have first time posted question in this platform. I am not finding option to mark it solved and upvote. – Munadil Fahad Feb 22 '17 at 07:20
@MunadilFahad this might help you : http://stackoverflow.com/help/someone-answers – Vilas Kumkar Feb 22 '17 at 07:22