Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
>
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?
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.
a ideia era tipo:
1.jpg
2.jpg
3.jpg
4.jpg
quando entro no site, este escolhe uma foto aleatória para background.
PHP
<body background="<?php echo rand(5, 15)?>.jpg"><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>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>desde já um obrigado aos dois. :D
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.