Cambiar imagen al actualizar

danibabasalom · #1 (**permalink**) 15/08/2014, 07:28

Buenas foreros, hace mucho que no he vuelto a hacer webs y ahora tengo un pequeño fallo que no le encuentro la salida, vereis, estoy creando una web a la que deberia cambiar el fondo de un div con cada actualizacion, pero no se me muestra ningun fondo, alguien sabria hecharme la mano necesaria? aqui os dejo el codigo

Código PHP:

 
        <style type="text/css" media="screen"> 
            <?php  
              $valor = rand(0, 3); 
              $imagenes = array("background-ms-0.jpg" , "background-ms-1.png" , "background-ms-2.png" , "background-ms-3.jpg"); 
              echo "#cuerpo{ background-image: url(img/".$imagenes[$valor].") no-repeat fixed center;}"; 
            ?>  
        </style>

pzin · #2 (**permalink**) 15/08/2014, 07:36

Probablemente ruta y/o nombres de archivos no sean correctos.

danibabasalom · #3 (**permalink**) 15/08/2014, 11:25

Cita:

Iniciado por pzin

Probablemente ruta y/o nombres de archivos no sean correctos.

Pero la sintaxis esta bien?

danibabasalom · #4 (**permalink**) 15/08/2014, 11:34

Este es mi index.php

Código PHP:

Ver original<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style/style.css">
        <style type="text/css" media="screen">
            <?php 
              $valor = rand(0, 3);
              $imagenes = array("background-ms-0.jpg" , "background-ms-1.png" , "background-ms-2.png" , "background-ms-3.jpg");
              echo "#cuerpo{ background-image: url(./img/".$imagenes[$valor].") no-repeat fixed center;}";
            ?> 
        </style>
    </head>
    <body>
        <div id="cuerpo">
            <div id="menu">
                <ul id="menu-sel">
                    <li><a href="">HISTORIA</a></li>
                    <li><a href="">DESCARGAR</a></li>
                    <li><a href="">GALERIA</a></li>
                    <li><a href="">COMPARTE</a></li>
                    <li><a href="">ABOUT</a></li>
                </ul>
            </div>
        </div>
    </body>
</html>

Y este mi style.css

Código CSS:

Ver original@font-face {
    font-family: soopafre;
    src: url(soopafre.ttf);
    font-weight:400;
}
 
body{
background-color: black;
margin: 0px;
padding: 0px;
overflow-x:hidden; 
overflow-y:hidden; 
}
#cuerpo{
position:relative;
width: 960px;
height: 640px;
margin: 0 auto 0 auto;
 
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
 
}
#menu{
margin: 0 auto 0 auto;
position: relative;
top: 170px;
 
}
#menu-sel{
list-style:none;
text-align:center;
 
 
 
}
#menu-sel li a{
width:250px;
height:65px;
margin-top:10px;
  display: block;
  text-decoration: none;
  background-image:url(../img/menu-tag.png);
  font-family:soopafre;
  color:#FADE25;
margin: 0 auto 0 auto;  
display: block;
    vertical-align: middle;
    line-height:60px;
    
 
}
#menu-sel li a:hover{
background-color:#FADE25;
opacity: 0.8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#F4F4F4;
-webkit-transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-ms-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
}