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