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

我在尝试代码“JavaScript：允许用户更改背景图像”，如 this video on youtube 但我仍然无法使其工作。JavaScript：允许用户更改背景图像

此代码： 的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(); 

     } 
    ?>

来源

2014-10-30 alberto

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

在你的代码$.post$.get

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

你在你的PHP代码同样的错误更换$.Post和$.Get。

要访问帖子并获取参数，您必须使用$_POST和$_GET。

来源

2014-10-30 20:05:34

**我照你说Catalin Munteanu，但没有工作** – alberto 2014-10-30 20:24:18

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

回答

相关问题