InicioAyuda para webmastersHTML avanzado
Responder
Imagen que cambia
Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

#1

me gustaria saber como poner en una página en html una imagen que cada vez que te metieras te apareciera otra.

Haz clic para ver el perfil del usuario

Moderador
Moderador

#2

lo logras con javascript, busca por imagen aleatoria . Yo lo hago así para la web y el foro. Demás esta decir que este esto debe estar unos mensajes atras en el foro de javascript.


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

#3

gracias ^^ buscaré a ver

Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

#4

ya he estado mirando y hay ejemplos`pero no son los q yo kiero, xq son a lo mejor, una imagen cada dia o cada mes, y yo lo q digo es una imagen cada vez q se entre en esa pagina

Haz clic para ver el perfil del usuario

Machacateclados
Machacateclados

#5

podria ser asi

<? if (date("d")==1){?>
<img src="images\imagen.gif">
<? }?>

la otra seria que le pudieras el numero del dia a la imagen que corresponde. por ejemplo

<? $dia=date("d");?>
<img src="images\<? echo $dia;?>.gif">

no se si de alguna formas te sirve, otra que se me ocurre es ir haciendo un sistema con la base de datos, y que tu le digas cual de esas imagenes etes activa

Saludos

Haz clic para ver el perfil del usuario

Moderador
Moderador

#6
Escrito originalmente por rinoa_jill
ya he estado mirando y hay ejemplos`pero no son los q yo kiero, xq son a lo mejor, una imagen cada dia o cada mes, y yo lo q digo es una imagen cada vez q se entre en esa pagina


Este es el que uso yo .
Codigo:
<html>
<body>
<!-- Copiar dentro del tag BODY -->
<script language="javascript">

<!--
function VecImagenes()
{
n=0;
this[n++]="01.jpg";
this[n++]="02.jpg";
this[n++]="03.jpg"
this.N=n;
}
var Imagenes=new VecImagenes();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write("<IMG SRC="+src+">");
//-->

</script>

</body>
</html>

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario

Colega ;)
Colega ;)

#7
Escrito originalmente por vhsP
podria ser asi

<? if (date("d")==1){?>
<img src="images\imagen.gif">
<? }?>

la otra seria que le pudieras el numero del dia a la imagen que corresponde. por ejemplo

<? $dia=date("d");?>
<img src="images\<? echo $dia;?>.gif">

no se si de alguna formas te sirve, otra que se me ocurre es ir haciendo un sistema con la base de datos, y que tu le digas cual de esas imagenes etes activa

Saludos



Eso es php, ha pedido html ;-)
Haz clic para ver el perfil del usuario

Machacateclados
Machacateclados

#8

disculpen

Haz clic para ver el perfil del usuario

Moderador
Moderador

#9
Escrito originalmente por EffectedCard
Eso es php, ha pedido html Giño
pero se hace con js Fumador

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario

Colega ;)
Colega ;)

#10
Escrito originalmente por gaf
Escrito originalmente por EffectedCard
Eso es php, ha pedido html Giño
pero se hace con js Fumador


Cierto, pero diciendo que ha pedido html, me referia a que fuera compatible con una pagina con extension .html o .htm el javascript si sirve en esas extensiones, el php no. Vacilando
Haz clic para ver el perfil del usuario

User 390661

@man / @woman
@man / @woman

#11

Aunque puedes usar php y javascript convinados
algo así

Codigo PHP:

<?php
$ga
=rand(0,2); //generamos un numero aleatorio entre 0 y 2 incluidos ambos

//bien con ifs o con un switch, definimos una imagen para cada numero:
if ($ga==0) $cab="cab00.gif";
if (
$ga==1) $cab="cab01.gif";
if (
$ga==2) $cab="cab02.gif";
/*Y lo ponemos como javascript*/
echo "document.write(\"<img src=".$cab.">\");"; //mostramos la imagen
?>



despues llamamos el script
<script src="image.php"></script>
Aunque es un ejemplo que no viene al caso
Haz clic para ver el perfil del usuario

Colega ;)
Colega ;)

#12

Si, lo que dice es cierto, pero para evitar mas compliaciones usa el codigo de gaf.

Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

#13

ya he hecho el de gaf y no me funciona, me pone que var Imagenes=new VecImagenes(); no está definido

Haz clic para ver el perfil del usuario

Moderador
Moderador

#14

pasame la url donde la tienes puesta.

Por las dudas te aseuraste que la ruta de las imagenes estye correcta .
Esto debes editar

Codigo:
this[n++]="01.jpg";
this[n++]="02.jpg";
this[n++]="03.jpg"


de acuerdo a la carpeta donde esten las imgs.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

#15

no lo he publicao aún porque yo lo miro antes en vista previa y no saleee. Hace falta ponerle algo mas al código a parte de las URL de las imagenes?

Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

Haz clic para ver el perfil del usuario

Moderador
Moderador

#17

Es raro no veo nada mal . Sólo que hay una pila de codes que no se porque iespana pone tanta basura...

A ver has esto

Codigo:
function VecImagenes()
{
n=0;
this[n++]="01.jpg";
this[n++]="02.jpg";
this[n++]="03.jpg"
this.N=n;
}
var Imagenes=new VecImagenes();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write("<IMG SRC="+src+">");
copia eso en el block de notas y lo grabas como banner.js

y luego lo llamas como <script type="text/JavaScript" src="banner.js"> </script>

ojo con la ruta de "banner.js"


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

#18

sigue sin ir, esto si q es extraño

Haz clic para ver el perfil del usuario

Moderador
Moderador

#19

ya estoy pensando que es algo de iespana... , yo tengo el código tal y como te lo he dicho, y esta puesto en la cabecera de mi foro y de la web y todo va bien ...


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

#20

yo vi ah un familiar haciendolo con front page

Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

#21

ya me funciona!! me ofrecieron espacio en otra web y deje iespana. Iespana es una KK!! no funciona na allí!!

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Suscribir

Permisos:

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 11:57 UTC+02:00 DST
Ir al subforo:
Temas similares
No se han encontrado temas similares