Entrar

imagen al pasar por un enlace?

roma2722 · · Solicitar retirada
hola compis, el tema es este, es que he mirado, y he encontrado como, al pinchar en una imagen vas a un enlace, pero yo quiero hacer lo contrario.

tengo el menu, y lo que quisiera, es al pasar(no pinchar) sobre uno de los temas, salga una imagen de ejemplo, y en otro tema, otra imagen, etc.
no se si me he explicado bien.

MERCI
salu2.

pd. va lento, porque no tengo mucho tiempo, pero mi primera pag ya va cogiendo color gracias a vuestra ayuda :wink:
roma2722 · · Solicitar retirada
hola compañero, gracias, pero, o no he sabido buscar :oops: o no es lo que yo quiero, te explico, por lo que yo he visto, son imagenes ya hechas, y lo que en realidad yo quiero, es:
en mi pag. hay, por ejemplo, un menu en el que hay un apartado de fotos, entonces, lo que yo querria, es que, al pasar el puntero por el, me saliese una foto, pero de las que yo tengo para mostrar, no una cualquiera, no se si me explico, :oops:

MERCI, salu2
Yaneth · · Solicitar retirada
Si eso lo puedes hacer con los comportamientos del enlace

recuerdas eso del

A:
A:active
A:link

etc:
?????

bueno, pues puedes hacer que al pasar sobre el enlace (que puede ser una imagen o texto) te salga otra imagen

saludos
roma2722 · · Solicitar retirada
Hola Yaneth, salu2.

Noooooo me sale no se que hago mal, no te he contestado antes porque he estado haciendo pruebas y mirando el curso, y no me sale.
he conseguido que me salga la foto en el enlace, pero no es lo que quiero, ya que lo que quisiera es que me saliese la foto al pasar por el enlace solamente, he puesto esto en el css.
a {color:brown;text decoration:none}
a:link {}
a:visited {}
a:hover: {color:red;text decoration:underline;<img src:"fotos/granadap/g1.gif"width="270" height="80">}
a:active {}

y esto en el index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<script type="text/javascript"><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace("over", "");
}
}
}
}
}
window.onload=startList;

//--><!]]>
</script>
<title>fotos</title>
<link rel="stylesheet" href="fotos.css" type="text/css"
media="all">
</head>
<body>
<div id="logotipo"><a href="fotos.html">[contenido no disponible]
<div id="navegacion">
<ul id="nav">
  • fotos
    <ul>
  • ciudades


  • familiares








  • </body>
    </html>

    me podeis asesorar donde "meter mano"?

    MERCI
    salu2
    • Yaneth · · Solicitar retirada
    ok, haré pruebas jejeje

    pero....

    ya lo subiste????

    dame la url, y asi veo mejor el fallo

    saludos
    Yaneth · · Solicitar retirada
    Hola

    mira tienes un pequeño fallo

    a {color:brown;text decoration:none}
    a:link {}
    a:visited {}
    a:hover: {color:red;text decoration:underline;<img src:"fotos/granadap/g1.gif"width="270" height="80">}
    a:active {}

    te sobran los dos puntos que tienes al finar de hover te los puse en rojo

    a parte, recapitulemos, tu deseas que al pasar sobre el enlace que es un texto, te salga una imagen, hasta aqui entiendo

    pero..... quieres la imagen de fondo o que te sustituya el texto????????

    si quieres que la imagen sea de fondo tienes que ponerle

    background-image:url(ruta/nombre.extencion)

    si deseas que la imagen sustituya el texto, mmmmmm
    deja lo busco

    saludos
    roma2722 · · Solicitar retirada
    hola Yaneth, lo que quisiera es que al pasar sobre el enlace me saliese una foto(no el fondo) que tengo incluida en el enlace del menu por el que se pasa, que seria esta ruta:(fotos/granadap/g1.gif), que tambien he cambiado a(granadap/g1.gif), osea, que he probado las 2 rutas y ninguna va.

    MERCI
    salu2

    pd.mi pag es :http://manusweb.atwebpages.com/