jquery curseur pour changer de corps d'arrière-plan

Je veux comprennent un mini-menu 20px par 20px images de potentiel de milieux.
Lorsqu'un utilisateur clique sur l'un d'eux le corps de l'image de fond change et la sélection enregistrés en tant qu'utilisateurs de choix.

J'ai pensé à l'aide d'un curseur, mais je ne sais pas comment je pourrais être en mesure d'avoir les images dans un li et être en mesure de modifier le corps css en fonction de la sélection.

Des idées?

Heureux 4 juillet

MODIFIER
je suis en train d'enregistrer l'img url dans le cookie, sa ne fonctionne pas tho, de son économie dans le cookie mais ce n'est pas de récupérer le contenu de cookie

MODIFIER
le ci-dessous fonctionne, !!!!!!! mais la couleur de fond est toujours blanc, même si j'ajoute
un $("html").css("background-color","red");

FIXER, ajouté de la couleur à la fin de l'url

$("html").css("background", "url('" + imgCookieLink + "') no-repeat fixed center top #343837"); 


$(document).ready(function() {
$("#BGSelector a").click(function() {
    var imgLink = $("img", this).attr("src");
    $.cookie("html_img", "" + imgLink + "", { expires: 7 });
    var imgCookieLink = $.cookie("html_img");
    $("html").css("background", "url('" + imgCookieLink + "')");
});
});

<script type="text/javascript">
$(document).ready(function() { 
    $("#BGSelector a").click(function() {
       var imgLink = $("img", this).attr("src");
       $.cookie("html_img", "" + imgLink + "", { path: '/vitamovie', expires: 7 });
       var imgCookieLink = $.cookie("html_img");       
       $("html").css("background", "url('" + imgCookieLink + "') no-repeat fixed center    top"); 
    }); 
 });

</script>

<script type="text/javascript">
$(document).ready(function() {   
       var imgCookieLink = $.cookie("html_img");  
       $("html").css("background", "url('" + imgCookieLink + "') no-repeat fixed center top");

 });

</script>
grâce tvanfosson pour le montage 😀
Je ne suis pas sûr pourquoi la couleur d'arrière-plan ne change pas. Mais je vous recommande fortement de tenter $("body").css("background-color", "#FF0000") et voir ce qui se passe.
$("body").css("background-color", "#FF0000"); fonctionne très bien,
j'ai un autre problème, en local ça fonctionne mais sur le web sa ne fonctionne pas les cookies sont en train de changer, mais le corps ne change pas vitamovie.com
il fixe, le chemin du cookie a été de mal 🙂

OriginalL'auteur vache | 2009-07-05

  1. 9

    Aucune idée de pourquoi vous utilisez le curseur en termes de "choix" quelque chose qui est discret. Généralement, un curseur est pour certains continue l'évolution des valeurs comme la sélection de la valeur RGB (chaque canal commence à partir de 0 - 255). Pour votre mini-menu de la chose, qui est très simple JQ + CSS:

    Code HTML pour le menu

    <ul id="BGSelector">
    <li><a href="#ChangeBG"><img src="bgImageSource1"/></a></li>
    <li><a href="#ChangeBG"><img src="bgImageSource2"/></a></li>
    <li><a href="#ChangeBG"><img src="bgImageSource3"/></a></li>
</ul>

    Et la Magie JQ états

    //Init the bg change UI (which is within document ready)
$(function(){
    $("#BGSelector a").click(function() {
        var imgLink = $("img", this).attr("src");

        //change the body background css
        $("body").css("background", "url('" + imgLink + "')");
    });
});
    Pour enregistrer les préférences de l'utilisateur, prendre un coup d'oeil à la JQuery.cookie plugin. Vous avez juste à enregistrer l'url dans le "cookie" et de récupérer tous les documents en temps de chargements
    merci vais l'essayer dès maintenant, ouais, quand j'ai dit curseur je voulais dire comme un ul, li curseur/la galerie,
    je suis d'économie, mais je suis de la récupération de manière incorrecte, pouvez-vous s'il vous plaît aider
    êtes-vous sûr que votre valeur récupérée est le problème? Je veux dire que vous pouvez essayer d'alerte(imgCookieLink) et de voir quelle est la valeur à l'intérieur. Il semble que ce que vous faites $("html").css ne doit pas être travail, depuis un document html ne peut pas avoir d'arrière-plan (même de ne pas avoir de style), seul le "corps" de la balise et les balises entre les deux peut avoir. essayez $("body").css à la place.
    pourquoi ne peut-html a pas de fond, fonctionne pour moi

    OriginalL'auteur xandy

  2. 2

    J'ai eu le même problème. Je ne sais pas si cela peut être utile, mais, ce que j'ai fait était

    var url= data.bgimg[0] ;
$('body').css('background-image',"url(" + url + ")");

    où url est (évidemment), le chemin d'accès à l'img. Je l'ai eu via json, mais vous pouvez le changer.

    OriginalL'auteur chepe263

  3. 0
    var newBg = ['headercaption.gif', 'loading.gif', 'excelexport.gif', 'grid-layer.gif'];
var path="themes/default/images/";
var i = 0;
var rotateBg = setInterval(function(){
    $('body').css('backgroundImage' ,  "url('" +path+newBg[i]+ "')");
    if(i==4)
     i=0;
     else
      i++;
}, 5000);
    Assez de code. Que faut-il faire?

    OriginalL'auteur atheeq