Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

BrunoVieira

[Resolvido] bg dinamico

Por , em PHP

Recommended Posts

BrunoVieira    0

BrunoVieira
Postado

boa tarde pessoal, antes de mais um bom ano para todos...

 

estou a tentar fazer uma coisa,

 

detectar a resolução que o monitor tem em php. sei que da para fazer isso em javascript

 

<script>

w = screen.width;

if(w >= 1024)

// se for 1024x768

 

if(w <= 800)

// se for 800x600

 

</script>

 

so que eu quero fazer isso no background.. ou seja

 

if(w >= 1024)

// se for 1024x768 leva a foto 1.jpg

 

if(w <= 800)

// se for 800x600 leva a 2.jpg...

 

ja tenho este codigo :

 

<body background="bg/<?php echo rand(1, 4); ?>.jpg">
em que tenho 4 fotos de fundo

 

 

será que alguém me pode ajudar

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não precisa misturar as linguagens assim.. use ou só php, ou só Javascript.

 

document.body.style.background ...
e então, atribua a imagem que você quer.

Ai já começou a ficar ainda mais feio, ao misturar no HTML, oque seria trabalho do CSS.

Compartilhar este post

Link para o post
Compartilhar em outros sites

BrunoVieira    0

BrunoVieira
Postado

Não precisa misturar as linguagens assim.. use ou só php, ou só Javascript.

 

document.body.style.background ...
e então, atribua a imagem que você quer.

Ai já começou a ficar ainda mais feio, ao misturar no HTML, oque seria trabalho do CSS.

 

 

e como faço a imagem aleatória?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Porque aleatória ? você não vai decidir de acordo com a resolução?

 

em todo caso, Javascript também possui funções para 'randomizar'.. você pode colocar num array, e sortear uma posição dele.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Holt    1

Holt
Postado

PHP

<body background="<?php echo rand(5, 15)?>.jpg">

Javascript

<script>
var img_name = new Array("purple.gif", "red.gif",
"blue.gif", "yellow.gif", "green.gif", "pink.gif");
var l = img_name.length;
var rnd_no = Math.floor(l*Math.random());
document.body.style.background = img_name[rnd_no];
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

BrunoVieira    0

BrunoVieira
Postado

desta forma tb deu

 

<script LANGUAGE="JAVASCRIPT">

 

 

if ((screen.width<=1280)) {

 

var bgNum = Math.round(Math.random() * 2)

 

bgSel = new Array(6);

bgSel[0] = "bg/1.jpg";

bgSel[1] = "bg/2.jpg";

bgSel[2] = "bg/3.jpg";

bgSel[3] = "bg/4.jpg";

 

 

var base = bgSel[bgNum];

 

}

else {

var bgNum = Math.round(Math.random() * 2)

 

bgSel = new Array(6);

bgSel[0] = "bg/11.jpg";

bgSel[1] = "bg/12.jpg";

bgSel[2] = "bg/13.jpg";

bgSel[3] = "bg/14.jpg";

 

 

var base = bgSel[bgNum];

}

 

 

</SCRIPT>

 

</head>

 

<script LANGUAGE="JAVASCRIPT">

 

document.write("<BODY BACKGROUND='" + base + "'>");

 

</SCRIPT>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito