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

时间:2014-10-30 19:59:41

标签: javascript php html css background

我正在尝试代码“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();

       }
   ?> 

1 个答案:

答案 0 :(得分:0)

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

使用$.Post $.Get

替换代码中的$.post$.get

此处的文档$.post() $.get()

您的PHP代码中存在相同的错误。

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