Plano de Fundo Botão

Detalhes da questão

Endereço do fórum: policiadsp2.forumeiros.com
Versão do fórum: PhpBB3

Descrição

Boa noite pessoal da forumeiros,

Bom, hoje mais cedo vi que tinha um código que ao apertar um botão você podia escolher um tema. Tendo visto isso queria saber se tem como fazer esse mesmo botão trocar o plano de fundo do fórum.
No caso o meu plano é: Vou usar um plano de fundo .gif, já que alguns não suportam um plano de fundo gif, queria trazer um botão no qual ao apertar, trocaria por uma imagem .jpeg estática.

Obrigado, e boa noite ^^'

#up ninguem para responder ;-;

Olá!

Você deseja um botão para o usuário escolher a imagem que quer de fundo ou ter fundos já predefinidos que mudavam aleatoriamente a cada refresh na página?

Hancki

Hancki, primeiramente obrigado, mas quero um botão para o usuário escolher se vai preferir o plano de fundo .gif ou o .jpg caso estiver com lag. isso já predefinido

Olá novamente!

Então preciso que me dê o link das imagens nos 2 formatos!
E preciso que me diga onde vai colocar este botão.

Hancki

Imagem no formato gif animado :

Spoiler:

Imagem no formato jpg:

Spoiler:

E não, os formatos não estão na ordem errada rsrs. o botão, se eu puder personalizar o código depois, pode colocar o botão em qualquer canto, caso não coloque no topo.

O código é este:

Código:

<script type="text/javascript">
jQuery(function() {
    var theme = jQuery.cookie("backgroundImage");
    if (theme) {
        jQuery("body").attr('style', ' background-image: url(' + theme + ')');
    } else {
        var imagemGif = jQuery('#themes #1').attr('value');
        console.log(imagemGif);
        jQuery("body").attr('style', ' background-image: url(' + imagemGif + ')');
    }
    jQuery("#themes").change(function() {
        theme = jQuery(this).val();
        jQuery.cookie("backgroundImage", theme);
        jQuery("body").attr('style', ' background-image: url(' + theme + ')');
    });
});
</script><select id="themes">
  <option id="1" value="http://oi64.tinypic.com/sl2s69.jpg">Fundo animado</option>
  <option value="http://i.imgur.com/hUgChTv.gif">Fundo estático</option>
</select>

Fiz para se adequar dentro de um widget. Experimente.

Hancki

O plano de fundo não está trocando :/

Troque por este:

Código:

<script type="text/javascript">
jQuery(function() {
    jQuery.getScript('http://illiweb.com/rs3/25/frm/jquery/cookie/jquery.cookie.js', function() {
        var theme = jQuery.cookie("backgroundImage");
        if (theme) {
            jQuery("body").attr('style', ' background-image: url(' + theme + ')');
        } else {
            var imagemGif = jQuery('#themes #1').attr('value');
            console.log(imagemGif);
            jQuery("body").attr('style', ' background-image: url(' + imagemGif + ')');
        }
        jQuery("#themes").change(function() {
            theme = jQuery(this).val();
            jQuery.cookie("backgroundImage", theme);
            jQuery("body").attr('style', ' background-image: url(' + theme + ')');
        });
    });
});
</script><select id="themes">
  <option value="http://oi64.tinypic.com/sl2s69.jpg" id="1">Fundo animado</option>
  <option value="http://i.imgur.com/hUgChTv.gif">Fundo estático</option>
</select>

Tem que funcionar, porque no meu fórum de testes está ok!

Hancki

Podem fechar agradeço pela atenção. !! Obrigado.