Comunidad de diseño web y desarrollo en internet online

Sustitución de imagenes en la cabecera CSS

Citar            
MensajeEscrito el 05 Oct 2006 08:13 am
Visitando la página
http://www.orangeteam.co.yu/

Me parecio una cosa curiosa es la de cambiar imagenes en la cabecer, cuando entraba en una cualquier sección.

¿Se puede hacer o simular esto en CSS?


En un principio pienso que no, simplemente por la cuestion que CSS no lo admite, o por lo menos hasta donde me llega el conocimiento (soy todavia muy novato en este mundo).

¿Se puede leer un archivo en CSS?

No, la solucion seria Emular las pseudoclases de CSS con Javascript

ya que "podriamos" poner alguna progrmacion para la carga aleatoria de imagenes.

¿Que opinais?

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Oct 2006 08:04 pm
Consiste en una carga aleatoria de imagenes, eso lo haces de una forma muy sencilla desde PHP, le pones un encode al php como imagen jpg o la que desees y luego llamas al php desde la url.

Código :

<img src="random_img.php" alt="Cabecera" width="300" height="50" />


O en css.

Código :

#cabecera { width:300px; height:50px; background:url(random_img.php) no-repeat; }

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 08 Oct 2006 06:46 pm
Gracias Neo.

Pense en hacer eso, pero no sabia si al final me funcionaria.

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 04 Nov 2006 07:32 pm
Estuve probando lo que me dices, pero no me funciona :(

puede que este haciendo algo mal

HTML

Código :

 <div id="hty"></div>
 


CSS

Código :

 #hty
 {
    width:750px;
    height:50px;
    margin:0 0 10px 0;
    background: url(random.php) no-repeat;
 }

 


y el random.php
PHP

Código :


 $numbanners = 2; //numero de banners que se rotarán $random =
 rand(1,$numbanners);

 $img = array();
 $img[1] = "ima_prt/enca/hdrob1.jpg";
 $img[2] ="ima_prt/enca/hdrob1.jpg";

 echo $img[$random];

 

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Nov 2006 05:18 pm
puedes usar javascript y la funcion random... es sencillo, tambien podrias hacerlo en flash y de la misma manere, la betaja seria que el flash solo lo cargaria una vez y ya, despues lo toma del cache...
primero haces un array que contenga las imagenes, luego metes en una variable el valor resultante de multiplicar random por el numero de imagenes que tengas, y vas a tocar el frame correspondiente, para esto en cada frame hay una imagen distinta, por ejejmplo en el frame uno esta la imagen de un perro y un stop() en el frame 2 la imagen de un gato y un stop,
la instruccion seri un gotoAndStop(frame) es algo sencillo de hacer, si gustas que te pase el codigo dime...

Por buzu

163 de clabLevel



 

Los Angeles, California

firefox
Citar            
MensajeEscrito el 05 Nov 2006 07:26 pm
si, se podria hacer en Flash, .... Pero lo que quería es que estuviera en el Codigo CSS

Por eso Neo me dijo una manera

Código :

#cabecera { width:300px; height:50px; background:url(random_img.php) no-repeat; }


Pero claro el problema que tengo "funciona" a medias, por el php no por lo que ha dicho Neo, si por la pagina que me da estos errores


Warning: main(random.php) [function.main]: failed to open stream: No such file or directory in /www/sites/1/iespana.es/d/c/dcn/site/general/primi/index.php on line 27

Warning: main() [function.include]: Failed opening 'random.php' for inclusion (include_path='.:/www/usr/lib/php') in /www/sites/1/iespana.es/d/c/dcn/site/general/primi/index.php on line 27

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Nov 2006 07:29 pm
Pero gracias de todos modos

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Nov 2006 10:30 pm
El error dice que tu archivo no existe, lo más seguro es que el .php no está a la altura del .css, corrige las rutas y verás que funciona. Sino será cuestión de probar otras maneras, cuentanos que pasa y podremos seguir dandote alternativas.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 21 Nov 2007 01:22 am
hice esta prueba y me funciona perfecto, aunque sin usar css, por si te interesa, me gustaria enrriquecer este codigo. por cierto no entendi eso de: "le pones un encode al php como imagen jpg o la que desees " pero tiene buena pinta me podrian explicar como se hace?

aqui esta mi codigo. Create una imagen 1.jpg y otra 2.jpg y guarda este codigo con nombre img.php

<a href = "img.php?x=1.jpg">link1 </a>
<a href = "img.php?x=2.jpg">link2 </a>

<?

if (isset($_GET['x']))
{
$img=$_GET['x'];
echo "<img align = 'right' src= " . $img . " alt='Cabecera' width='300' height='50' />";
}
?>

Por acido74

1 de clabLevel



Genero:Masculino  

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.