gpt4 book ai didi

javascript - 视差插件不显示图像

转载 作者:行者123 更新时间:2023-12-01 05:22:11 25 4
gpt4 key购买 nike

视差插件在我的 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

我已将视差 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
}

最佳答案

所以,问题出在您的 HTML DOCTYPE 上,添加

<!DOCTYPE html>

而不是

<html>

并删除

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

来自 profile.js,因为您只能使用一种方式从 data-* 属性或使用脚本来启动视差。

关于javascript - 视差插件不显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42337958/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com