gpt4 book ai didi

javascript - 如何让我的图像显示在 codepen.io 中

转载 作者:行者123 更新时间:2023-11-28 17:28:31 24 4
gpt4 key购买 nike

我使用了一个名为 backstretch 的整页背景 jquery 图像插件。网站制作完成后,我想将其添加到 codepen.io,但整页背景的图像不会显示。

<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>Oregon</title>
<link href='https://fonts.googleapis.com/css? family=Raleway%7cIndie+Flower' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="pics.html">Pics</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div class="main-content">
<h1>Vacation In Oregon</h1>
<a class="oregon" href="http://www.oregon.gov/pages/index.aspx" target="_blank">
<p>Oregon</p>
</a>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script>
$.backstretch("https://devinsabbatical.files.wordpress.com/2012/09/3-mount-jefferson.jpg");
</script>
</body>

任何人都可以向我解释如何让图像显示在 codepen.io 上吗?如果它有帮助,图像是我的 html 的最后一部分,以 $.backstrech("https://devinsabbatical.files.wordpress.com/2012/09/3-mount-jefferson.jpg "); 开头;

这是我的代码笔的链接:http://codepen.io/mike316/pen/Vjrjzg

最佳答案

您需要将 url 添加到脚本,而不是本地路径:

这是你的台词: <script src="js/jquery.backstretch.min.js"></script>

对此进行更改(在您的 codepen 源代码中): <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js">

关于javascript - 如何让我的图像显示在 codepen.io 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38276161/

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