Hola!


Yo estoy utilizando un simple paso de variables al CSS para deteminar qu� imagenes 
aparecen en la cabecera de una web y funciona muy bien. Es un proyecto de ciudades 
digitales en fase alfa



http://www.agrupavalles.org -> muestra la cabecera general del sitio

http://www.agrupavalles.org/default.asp?martorelles_gegants -> muestra la cabecera de 
la ciudad y en su caso un banner del participante a la derecha de la interfaz



mira la hoja de estilo en cada caso, ver�s que el truco de pasar una variable soporta 
miles de combinaciones sobre una misma hoja e, incluso, imagenes aleatorias, ... y 
mucho m�s ya que claramente la hoja se construye din�micamente. Como todo tendr�a sus 
pros y contras



Saludos

Jos� Lu�s Checa



Libelum Internet Consulting



Oscar Riera wrote:



>Hola,

>

>Yo personalmente me pregunto si no podr�a usarse mejor css, siguiendo

>con la idea de separar contendio y presentaci�n.

>

>En ALA hace mucho tiempo explicaban como cargar una imagen aleatoria

>en php. A partir de ah�, pienso que se podr�a implementar un php con

>el esquema siguiente:

>

>#banner {

>              background: url(imagen-aleatoria.php) #fff;

>              width: ??px;

>              height: ??px

>             }

>

>Lo veo m�s sencillo y manejable que generar el css dinamicamente y

>adem�s ser�a cacheable no?.

>

>Saludos

>

>

>

>On Mon, 27 Sep 2004 10:28:36 +0200, Gael <[EMAIL PROTECTED]> wrote:

>

>>Hola

>>

>>Te paso una peque�a funci�n en javascript que us� hace tiempo para cargar

>>una imagen aleatoria. De paso, como en js tampoco soy ning�n experto, si

>>alguien quiere enviarnos alguna correcci�n o sugerencia, mejor para todos. :)

>>

>>El c�digo es muy sencillo, con la funci�n random() escogemos un n�mero

>>aleatorio entre 1 y t. Cogemos la parte entera y devolvemos una cadena que

>>es el nombre del fichero jpg a cargar (los nombres de las fotos estan

>>numerados: foto1.jpg, foto2.jpg, etc.):

>>

>>  function fotoAleatoria() {

>>      var x;

>>      var t;

>>      var cad;

>>

>>      t = 12;

>>

>>      x = (t-1) * Math.random() + 1;

>>      x = Math.round(x);

>>

>>      cad = "fotos/foto" + x + ".jpg";

>>

>>      return cad;

>>  }

>>

>>En el body de al p�gina, dentro de un script llamamos a la funci�n y

>>"pintamos" la foto:

>>

>>  <script type="text/javascript">

>>      var cad;

>>      cad = fotoAleatoria();

>>      document.write('<a href="imatges/imatges01.htm"><img src="' + cad +

>>'" width="250" height="175" border="0"></a>');

>>  </script>

>>

>>Bueno, en este caso adem�s la foto enlazaba con otra p�gina.

>>

>>Espeo que te sirva. Aunque lo de los banners funciona carg�ndolos

>>din�micamente, no?

>>

>>Un saludo

>>

>>

>>Gael

>>

>>

>>

>>

>>At 00:46 27/09/2004 -0300, you wrote:

>>

>>>El css tendria que estar generado dinamicamente para algo asi

>>>

>>>O sino tener varias clases predefinidas (una con cada imagen) y que un

>>

>>javascript se encargue de cambiarle la clase al

>>

>>>contenedor

>>>

>>>Saludos

>>>

>>>Ariel

>>>

>>>

>>>Vicent Gozalbes wrote:

>>>

>>>>Hola a todos, me parece recordar que en ocasiones he visto alguna p�gina

>>>>que que carga imagenes aleatorias en sus banners utilizando CSS.

>>>>�Alguien sabe como hacerlo?

>>>>

>>>>Gracias

>>>>

>>_______________________________________________

>>Lista de distribuci�n Ovillo

>>Para escribir a la lista, envia un correo a [EMAIL PROTECTED]

>>Puedes modificar tus tados o desuscribirte en la siguiente direcci�n: 
>>http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

>>

>

>_______________________________________________

>Lista de distribuci�n Ovillo

>Para escribir a la lista, envia un correo a [EMAIL PROTECTED]

>Puedes modificar tus tados o desuscribirte en la siguiente direcci�n: 
>http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

>


_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus tados o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a