Issue with parallax in my project

1

i don’t know if i’m in the right area, if not, sorry…
the problem in my project is that I try to use parallax in a div, but it does not display the image, I tried to change the image path several times but it does not display anything, below are the files and command lines

in my index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Lth</title>
    <base href="/">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>

<script src="js/jquery.min.js"></script>
<script src="js/parallax.min.js"></script>
<script src="js/jquery.js"></script>
</body>
</html>

in my jquery.js

$('.parallax-window').parallax({imageSrc: 'assets/img/logo01.jpg'});

in my app.component.html (only where have parallax)

div class="parallax-window"
                 data-parallax="scroll"
                 data-image-src="src/assets/img/logo01.jpg"
            /div

i removed the <> because the post wasn’t show the code

note: i have parallax.min.js and jquery.min.js but is about 3k command lines

2

Welcome, Jaime.

I have edited your post for readability. For future posts, please conform to the MarkDown syntax of the forum. Specifically, read about posting code here: Forum Code Formatting

1 Like
3

alright Sky020, thank you so much