Плагин параллакса не показывает изображение

Плагин 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 class="parallax-window parallax-mirror" data-parallax="scroll" data-image-src="images/image.jpg"></div>

JavaScript

Я связал ниже файл Parallax JS в нижней части тега тела,

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

CSS

В моем собственном файле CSS (css/style.css), если поставить ниже строки,

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

.parallax-mirror {
    z-index:1
}
Источник

1 ответ

Решение

Итак, проблема с вашим HTML DOCTYPE, добавьте

<!DOCTYPE html>

вместо

<html>

и удалить

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

из profile.js, так как вы можете использовать только один способ инициирования параллакса из атрибутов data-* или с помощью скрипта.

Источник
Другие вопросы по тегам