<script src="/js/cookie.js"></script>

<div class="backs" title="Выбор фона">
         <table><tr>
<td><img id="jp1" src="/img/1.jpg" width="30px" /></td>
<td><img id="jp2" src="/img/2.jpg" width="30px" /></td>
<td><img id="jp3" src="/img/3.jpg" width="30px" /></td>
         </tr></table>
         </div>
         <script>
         $('#jp1').click(function() {
         setCookie('j1', 365);
         eraseCookie('j2');eraseCookie('j3');
         $('.body').css('background-image', 'url("/img/fon.jpg")');
         });
         $('#jp2').click(function() {
         setCookie('j2', 365);
         eraseCookie('j1');eraseCookie('j3');
         $('.body').css('background-image', 'url("/img/fon2.jpg")');
         });
         $('#jp3').click(function() {
         setCookie('j3', 365);
         eraseCookie('j2');eraseCookie('j1');
         $('.body').css('background-image', 'url("/img/fon3.jpg")');
         });
         if(getCookie('j1')) {
         $('.body').css('background-image', 'url("/img/fon.jpg")');
         };
         if(getCookie('j2')) {
         $('.body').css('background-image', 'url("/img/fon2.jpg")');
         };
         if(getCookie('j3')) {
         $('.body').css('background-image', 'url("/img/fon3.jpg")');
         };
         </script>

$('#jp1').click(function() {
         setCookie('j1', 365);
         eraseCookie('j2');eraseCookie('j3');
         $('.body').css('background-image', 'url("/img/fon.jpg")');
         });