Imagen Al Volver de un Enlace Visitado

[jaruso]

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.

[JavierB]

Hola jaruso

Pon así el enlace:

Código html:

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

Y utiliza este css:

Código css:

a img {visibility:hidden}
a:visited img {visibility:visible}
 

Saludos,

[jaruso]

Iniciado por JavierB

Hola jaruso

Pon así el enlace:

Código html:

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

Y utiliza este css:

Código css:

a img {visibility:hidden}
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!

[jomaruro]

Hola:

Ponlo así:

Código:

a:visited{
background(url(rutadelacarpeta/imagen.gif);
}

Saludos.

[jaruso]

Iniciado por jomaruro

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!

[JavierB]

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.

[Mikmoro]

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.

[jaruso]

Iniciado por Mikmoro

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.

[jaruso]

Iniciado por JavierB

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...

[Mikmoro]

Iniciado por jaruso

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.

[jaruso]

Iniciado por Mikmoro

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

[Mikmoro]

Muy bien, muy bien. Olvídalo.

[jaruso]

Iniciado por Mikmoro

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

[JavierB]

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

Saludos,

[jomaruro]

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

Mil perdones a todos.

Saludos.

[jomaruro]

Hola:

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

Iniciado por jaruso

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.

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.

[Mikmoro]

Iniciado por jomaruro

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.

[jomaruro]

Iniciado por Mikmoro

En fin, lo dicho: olvidado.

A veces no me gustan los rebotes de algunas personas aunque no vayan conmigo, pero... Olvidado.

Saludos.

[jaruso]

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.

[jaruso]

JavierB he probado en enlace que me pusiste y no es realmente lo que busco. Gracias

[jaruso]

Hola.

He estado probando el funcionamiento de

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