Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Designer de um background rotativo


jacare002

Pergunta

Olá. não sei se estou postando na parte certa .. mas creeio qe sim, caso não esteja peço que delete o tópico.

Estou qurendo deixari o bg do meu site rotativo. a cada atualização aparecer um ... Consegui fazer com o codigo abaixo, mas ele não está aceitando a configuração que preciso! que no css seria " no-repeat fixed center top " .

Para bg não repetir, ficar FIXO, X- CENTER / Y - TOP...

gostaria de saber como adicionar isso no codigo abaixo!

Obrigado!

<!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>&lt;script language="Javascript">
<!-- Activate cloaking device
var randnum = Math.random();
var inum = 4;
// Change this number to the number of images you are using.
var rand1 = Math.round(randnum * (inum-1)) + 1;
images = new Array
images[1] = "bkg-01.jpg"
images[2] = "bkg-02.jpg"
images[3] = "bkg-01.jpg"
images[4] = "bkg-02.jpg"
// Ensure you have an array item for every image you are using.
var image = images[rand1]
// Deactivate cloaking device -->
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {color: #000000}
-->
</style>
</head>

<body>&lt;script language="Javascript">
<!-- Activate cloaking device
document.write('<body background="' + image + '" fixed no-repeat>')
// Deactivate cloaking device -->
</script>

Editado por jacare002
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Bem, o código parece estar correto.

O problema é que no <body> não se coloca o atributo background. ^_^

Você tem que colocar o atributo style que é o css inline. Na terceira linha de baixo pra cima, você troca isso:

document.write('<body background="' + image + '" fixed no-repeat>')
por isso:
document.write('<body style="background: url(' + image + ') fixed no-repeat top center;">')

Se não consiguir, poste, se consiguir também poste (por favor). :D

Abraços

Matheus Matos

Editado por Matheus Matos
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...