Foros del Web » Creando para Internet » CSS »

Imagen Al Volver de un Enlace Visitado

Estas en el tema de Imagen Al Volver de un Enlace Visitado en el foro de CSS en Foros del Web. Hola a todos/as. He estado buscando en google y en el foro pero no se cómo expresarlo para buscar... me explico. Quiero hacer un a:visited ...
  #1 (permalink)  
Antiguo 16/03/2009, 10:13
 
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Imagen Al Volver de un Enlace Visitado

Hola a todos/as.

He estado buscando en google y en el foro pero no se cómo expresarlo para buscar... me explico.

Quiero hacer un a:visited pero con una imagen. Con el a:visited y el color, cuando hemos pinchado en un enlace y volvemos a esa página, sale del color que le hemos puesto. Yo quiero ese efecto pero con una imagen. Cuando pinches en el enlace y vuelvas a la página anterior, me muestre la imagen que yo le diga. No se si se podrá hacer con css, javascript...

Un saludo y gracias de antemano.
  #2 (permalink)  
Antiguo 16/03/2009, 10:54
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: Imagen Al Volver de un Enlace Visitado

Hola jaruso

Pon así el enlace:

Código html:
Ver original
  1. <a href="pagina.html">Enlace<img src="imagen.jpg" /></a>

Y utiliza este css:

Código css:
Ver original
  1. a img {visibility:hidden}
  2. a:visited img {visibility:visible}

Saludos,
  #3 (permalink)  
Antiguo 16/03/2009, 15:01
 
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Imagen Al Volver de un Enlace Visitado

Cita:
Iniciado por JavierB Ver Mensaje
Hola jaruso

Pon así el enlace:

Código html:
Ver original
  1. <a href="pagina.html">Enlace<img src="imagen.jpg" /></a>

Y utiliza este css:

Código css:
Ver original
  1. a img {visibility:hidden}
  2. a:visited img {visibility:visible}

Saludos,
Lo he probado, no me aparece la imagen y cuando pincho y vuelvo, aparece. El problema es que pensaba que lo había escrito en el post... Mi enlace inicial es una imagen, que quiero que cuando se pinche y se vuelva, cambie esa imagen por otra... no se si me explico. Más o menos es el código que me has puesto pero mi enlace es una imagen y luego cambia... voy a investigar con este código a ver si me sale algo, mientras tanto, soy todo oidos.

Gracias!
  #4 (permalink)  
Antiguo 16/03/2009, 17:51
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Imagen Al Volver de un Enlace Visitado

Hola:

Ponlo así:

Código:
a:visited{
background(url(rutadelacarpeta/imagen.gif);
}
Saludos.

  #5 (permalink)  
Antiguo 17/03/2009, 10:30
 
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Imagen Al Volver de un Enlace Visitado

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

Ponlo así:

Código:
a:visited{
background(url(rutadelacarpeta/imagen.gif);
}
Saludos.

Hola.

Ya lo probé después de postear ayer y nada, también he probado con esto y tampoco:

Código:
a:visited{
background-image:url('imagen2.jpg');
}
Creo que voy a tirar ya la toalla, si no se puede, no pasa nada... seguiré mirando por ahi pero sin esperanzas...

Saludos y gracias!
  #6 (permalink)  
Antiguo 17/03/2009, 10:49
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: Imagen Al Volver de un Enlace Visitado

Hola de nuevo.

Echa un vistazo a este mensaje:

http://www.forosdelweb.com/f53/cambi...enlace-628711/

Saludos,

P.D. No hace falta que cites los mensajes para contestar.
  #7 (permalink)  
Antiguo 17/03/2009, 14:17
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Imagen Al Volver de un Enlace Visitado

jaruso, el asunto es el siguiente:
si en el enlace tienes la imagen insertada en el html
Cita:
<a href="pagina.html">Enlace<img src="imagen.jpg" /></a>
y al ser visitada quieres poner la nueva imagen como background en lugar de insertada:
Cita:
a:visited{
background-image:url('imagen2.jpg');
}
¿qué es lo que hará desaparecer la imagen insertada del HTML? nada.

Tienes entonces varias alternativas: puede empezar por no incrustar la imagen sino ponerla como fondo del enlace, y cambiarla en :visited por otro fondo; puedes usar algo como
a:visited img {visibility: hidden;}
Habría que ver tu caso específico para ver qué es lo mejor.
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 17/03/2009, 15:52
 
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Imagen Al Volver de un Enlace Visitado

Cita:
Iniciado por Mikmoro Ver Mensaje
jaruso, el asunto es el siguiente:
si en el enlace tienes la imagen insertada en el html

y al ser visitada quieres poner la nueva imagen como background en lugar de insertada:

¿qué es lo que hará desaparecer la imagen insertada del HTML? nada.

Tienes entonces varias alternativas: puede empezar por no incrustar la imagen sino ponerla como fondo del enlace, y cambiarla en :visited por otro fondo; puedes usar algo como
a:visited img {visibility: hidden;}
Habría que ver tu caso específico para ver qué es lo mejor.
Como bien dije, hice una prueba, y lo que quería era tan sencillo como poner una imagen, y ponerle a:visited background-image:url('imagen2.jpg') para ver lo que hacía, para ver si sustituía una imagen por otra, creo que no es tan difícil de entender... repito que sólo era una prueba.
  #9 (permalink)  
Antiguo 17/03/2009, 15:55
 
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Imagen Al Volver de un Enlace Visitado

Cita:
Iniciado por JavierB Ver Mensaje
Hola de nuevo.

Echa un vistazo a este mensaje:

Saludos,

P.D. No hace falta que cites los mensajes para contestar.
Voy

P.D: Ok, ni me había fijado que había citado...
  #10 (permalink)  
Antiguo 17/03/2009, 17:34
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Imagen Al Volver de un Enlace Visitado

Cita:
Iniciado por jaruso Ver Mensaje
Como bien dije, hice una prueba, y lo que quería era tan sencillo como poner una imagen, y ponerle a:visited background-image:url('imagen2.jpg') para ver lo que hacía, para ver si sustituía una imagen por otra, creo que no es tan difícil de entender... repito que sólo era una prueba.
Pues al parecer sí lo es: con una imagen en background nunca taparás una imagen insertada en el HTML mediante <img src...
¿Qué es lo que no entiendes? ¿qué es lo que crees que yo no entiendo?.

En fin, que tengas suerte.
__________________
Visita mi nueva web idplus.org
  #11 (permalink)  
Antiguo 18/03/2009, 07:43
 
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Imagen Al Volver de un Enlace Visitado

Cita:
Iniciado por Mikmoro Ver Mensaje
Pues al parecer sí lo es: con una imagen en background nunca taparás una imagen insertada en el HTML mediante <img src...
¿Qué es lo que no entiendes? ¿qué es lo que crees que yo no entiendo?.

En fin, que tengas suerte.
Se le está dando demasiadas vueltas a una simple prueba que hice y no vamos a llegar a ningún sitio... si crees ayudarme, hazlo pero no critiques una simple prueba que hice, ni mucho menos de la forma que lo estás diciendo.

Saludos
  #12 (permalink)  
Antiguo 18/03/2009, 09:15
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Imagen Al Volver de un Enlace Visitado

Muy bien, muy bien. Olvídalo.
__________________
Visita mi nueva web idplus.org

Última edición por Mikmoro; 18/03/2009 a las 09:28
  #13 (permalink)  
Antiguo 18/03/2009, 09:34
 
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Imagen Al Volver de un Enlace Visitado

Cita:
Iniciado por Mikmoro Ver Mensaje
Muy bien, muy bien. Olvídalo.
Ok, olvidado.

P.D: Yo no he sido el insolente, tu primer post no iba en un muy buen tono...

Saludos
  #14 (permalink)  
Antiguo 18/03/2009, 11:12
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: Imagen Al Volver de un Enlace Visitado

Sigues citando los mensajes para contestar Esto ya parece que lo estás haciendo por cachondeo. No vuelvas a hacerlo.

Saludos,
  #15 (permalink)  
Antiguo 18/03/2009, 15:53
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Imagen Al Volver de un Enlace Visitado

Edito porque no sé que he hecho que he duplicado el mensaje.

Mil perdones a todos.

Saludos.


Última edición por jomaruro; 18/03/2009 a las 16:00
  #16 (permalink)  
Antiguo 18/03/2009, 15:57
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Imagen Al Volver de un Enlace Visitado

Hola:

Perdona que me meta donde no me llaman, pero esto no acabo de entenderlo. ¿Podrías explicármelo?

Cita:
Iniciado por jaruso Ver Mensaje
Yo no he sido el insolente, tu primer post no iba en un muy buen tono...
Yo no veo la insolencia por ningún lado.

Cita:
jaruso, el asunto es el siguiente:
si en el enlace tienes la imagen insertada en el html

<a href="pagina.html">Enlace<img src="imagen.jpg" /></a>

y al ser visitada quieres poner la nueva imagen como background en lugar de insertada:

a:visited{
background-image:url('imagen2.jpg');
}

¿qué es lo que hará desaparecer la imagen insertada del HTML? nada.

Tienes entonces varias alternativas: puede empezar por no incrustar la imagen sino ponerla como fondo del enlace, y cambiarla en :visited por otro fondo; puedes usar algo como
a:visited img {visibility: hidden;}

Habría que ver tu caso específico para ver qué es lo mejor.
Te ha dado la solución la persona que, según mi opinión, más sabe de CSS en este foro y la solución seguramente funcione. Aunque solo fuera una prueba es así como se aprende CSS, probando. Creo que te has ofendido sin tener porqué y espero que no te ofenda mi mensaje también.

Saludos.

  #17 (permalink)  
Antiguo 18/03/2009, 17:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Imagen Al Volver de un Enlace Visitado

Cita:
Iniciado por jomaruro Ver Mensaje
Perdona que me meta donde no me llaman, pero esto no acabo de entenderlo. ¿Podrías explicármelo? Yo no veo la insolencia por ningún lado.
Lo siento, jomaruro, pero la culpa ha sido mia: primeramente escribí un mensaje diciendo que la respuesta de jaruso me parecía alucinante, y que el insolente había sido él al poner la frase "creo que no es tan difícil de entender...", y que quien tenía problemas para entenderlo era él, pero a los pocos minutos lo edité porque pensé que era una discusión que no me llevaba a ninguna parte, siendo mejor para ambos que lo ignorara.
Al parecer él llegó a leer ese mensaje, y aunque el que citó estaba ya editado, aun así decidió responder a algo que sabía que ya no era público.

Según dice mi primer mensaje no iba en muy buen tono (???)
http://www.forosdelweb.com/f53/image...6/#post2827299

En fin, lo dicho: olvidado.
__________________
Visita mi nueva web idplus.org

Última edición por Mikmoro; 18/03/2009 a las 18:32 Razón: ortografía
  #18 (permalink)  
Antiguo 18/03/2009, 18:31
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Imagen Al Volver de un Enlace Visitado

Cita:
Iniciado por Mikmoro Ver Mensaje
En fin, lo dicho: olvidado.
A veces no me gustan los rebotes de algunas personas aunque no vayan conmigo, pero... Olvidado.

Saludos.

  #19 (permalink)  
Antiguo 19/03/2009, 09:36
 
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Imagen Al Volver de un Enlace Visitado

Como bien ha explicado Mikmoro, a mí me llegó el primer correo que escribió antes de editarlo, con esa palabra tan bonita incluida.
JavierB el citar es sin querer ya que estoy acostumbrado a dirigirme a la persona que le hablo citándole en todos los foros que leo al cabo del día (que son unos cuántos). En este llevo bastante tiempo registrado y la verdad que sólo leo y no escribo, a no ser que tenga alguna duda y no haya encontrado la respuesta leyendo.
Volvamos por favor al tema del post.

Saludos.
  #20 (permalink)  
Antiguo 19/03/2009, 09:47
 
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Cambiar Imagen Al Volver de un Enlace Visitado

JavierB he probado en enlace que me pusiste y no es realmente lo que busco. Gracias
  #21 (permalink)  
Antiguo 10/04/2009, 04:14
 
Fecha de Ingreso: octubre-2007
Mensajes: 38
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Imagen Al Volver de un Enlace Visitado

Hola.

He estado probando el funcionamiento de
Cita:
a:visited img {visibility: hidden;}
y no lo he conseguido. Me han comentado que con javascript sí que se podría hacer... pero no tengo ni idea de javascript. Podéis echarme una mano??

Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:58.