gpt4 book ai didi

JavaScript:允许用户更改背景图像

转载 作者:太空宇宙 更新时间:2023-11-03 17:54:14 25 4
gpt4 key购买 nike

我正在尝试代码“JavaScript:允许用户更改背景图像”,例如 this video on youtube 但我仍然无法让它工作。

这段代码:index.php

    <!DOCTYPE html>
<html>
<head>
<title>Change Back Ground </title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/JavaScript" src="core/changebg.js"></script>
</head>

<body>

<?php
session_start();
if(isset($_SESSION['image'])) {
echo'<script type="text/JavaScript">
changeImage('.$_SESSION['image'].')</script>';
}
?>
<div id="choosebg" style="background-color:#f2f2f2; width:200px; padding:10px;text-align:center;" >
<a href="#" onclick="changeImage(1);"><img src="images/1.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(2);"><img src="images/2.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(3);"><img src="images/3.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(4);"><img src="images/4.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(5);"><img src="images/5.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(6);"><img src="images/6.jpg" width="50" hieght="50" /></a> <br/>
<a href="#" onclick="changeImage();">Clear Back Ground Image </a>
</div>

</body>
</html>

Changebg.js

 function changeImage(number)
{
$.Post('core/changebg.php',{number:number},
function(data)
{
$('body').css('background-image','url("images/'+number+'.jpg")');

});

}

function clearImage() {

$.Get('core/changebg.php?resetBg',
function(data) {
$('body').css('background-image'.'');
});


}

Changebg.php

        <?php
if(isset($_Post['number'])) {
SESSION_START();
$_SESSION['image'] = $_Post['number'];

}

if(isset($_Get['resetBg'])) {

SESSION_START();
SESSION_destroy();

}
?>

最佳答案

您正在使用两种不存在的 jQuery 方法。

将代码中的$.Post$.Get 替换为$.post $.get

文档在这里 $.post() $.get()

您的 PHP 代码中有同样的错误。

要访问 post 和获取参数,您必须使用 $_POST$_GET

关于JavaScript:允许用户更改背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26662180/

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