Jquery Background changer cookies problem [Archive]

muqti

04-21-2010, 09:12 PM

Hi People,

I am new here and found the forum very useful but after searching here and there I couldn't find what I want.

So basically I am making a background changer and its all done just the cookies part is left.If anyone here could help me with it i'll be glad.

This is the header file which contains all code and all i want is that it should store the background in cookies.

<?PHP
$backgrounds = array(
array('show'=>'bg/bg.jpg','bg'=>'bg/bg.show.jpg'),
array('show'=>'bg/bg1.jpg','bg'=>'bg/bg1.show.jpg'),
array('show'=>'bg/bg2.jpg','bg'=>'bg/bg2.show.jpg'),
array('show'=>'bg/bg3.jpg','bg'=>'bg/bg3.show.jpg'),
array('show'=>'bg/bg.show.png','bg'=>'bg/bg.png'),
);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Home</TITLE>
<link type="text/css" rel="stylesheet" href="templates/standard/search.css">

<style type="text/css">@import url("include/js_suggest/SuggestFramework.css");</style>
<script type="text/javascript" src="include/js_suggest/SuggestFramework.js"></script>
<script type="text/javascript">window.onload = initializeSuggestFramework;</script>

<link href="style.css" rel="stylesheet" type="text/css" />
<link href="css/screen.css" rel="stylesheet" type="text/css" />
<?php if($search==1) {?>
<link href="psearch.css" rel="stylesheet" type="text/css" />
<?php }?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#sbgc').show();
$("#slider").easySlider({
auto: false,
continuous: true
});
$('#sbgc').hide();

$('#skin_buton').click(function(){
$('#sbgc').show();
});
})

function setBG(v){
$('body').css({'background':'url('+v+') repeat'});
$('#sbgc').hide();
}
</script>
</HEAD>

<BODY>