Diseño Web /

[DREAMWEAVER] Dando los primeros pasos...

Participa en el tema [DREAMWEAVER] Dando los primeros pasos... en el foro Diseño Web.
Hola, que tal, les cuento que soy nuevo en el tema del dreamweaver por lo ...

Buscar en este tema:
 
  •  
    #1 [DREAMWEAVER] Dando los primeros pasos...
    Hola, que tal, les cuento que soy nuevo en el tema del dreamweaver por lo que tengo algunas dudas bastante basicas y queria saber si alguien me las podia sacar...
    La primera es como hacer un hipervinculo con una foto ( que cliceando en una foto me derive a otra sector)
    La segunda es como hacer para cuando paso el cursor por encima de una foto esta cambie

    El programa lo tengo en ingles, no se si ayuda este dato.
    Espero que con mi pobre vocabulario que tengo para estas cosas pueda hacerme entender para que me ayuden...
    +
     
    0
    Me gusta
     
    | Más
  • #2 Re: Dando los primeros pasos...

    Originalmente publicado por monoloco316 Ver mensaje
    Hola, que tal, les cuento que soy nuevo en el tema del dreamweaver por lo que tengo algunas dudas bastante basicas y queria saber si alguien me las podia sacar...
    La primera es como hacer un hipervinculo con una foto ( que cliceando en una foto me derive a otra sector)
    La segunda es como hacer para cuando paso el cursor por encima de una foto esta cambie

    El programa lo tengo en ingles, no se si ayuda este dato.
    Espero que con mi pobre vocabulario que tengo para estas cosas pueda hacerme entender para que me ayuden...

    hola....

    1.- para ponerle vinculo en dreamweaver a una imagen... primero pone la imagen y despues en propiedades, que supuestamente esta en la parte inferior dice link (o vinculo) ahi pones la direccion a donde queres que valla cuando la cliqueas

    ooo el codigo seria

    Código:
    <a href="URL de destino"><img src="nombre.JPG" /></a>
    
    2.- no recuerdo los pasos... despues me fijo y te digo
    Me gusta este mensaje
  • #3 Re: Dando los primeros pasos...

    Para hacer lo de cambiar la imagen cuando pongas el mouse encima lo debes hacer así:

    Primero debes agregar un script antes del head:
    Código:
    <script type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    
    Luego en el body debes hacer lo siguiente:

    Código HTML:
    <body onload="MM_preloadImages('imagen2.jpg')"> 
    Y finalmente en la imagen debes poner lo siguiente:

    Código HTML:
    <img src="imagen1.jpg" alt="" name="fotografia" width="250" height="200" border="0" id="fotografia" onmouseover="MM_swapImage('fotografia','','imagen2.jpg',1)" onmouseout="MM_swapImgRestore()" /> 
    Espero que te sirva, saludos,

    Tomás
    Me gusta este mensaje


Estadísticas del tema
  • 2 RESPUESTAS
  • 871 VISTAS
  • 3 USUARIOS RESPONDIERON
 
Ir arriba
Contacto | Acerca de | Ayuda | Términos Legales | privacidad | Pautas de convivencia | Mapa de los foros | TrabajÁ con nosotros
©2008 Psicofxp.com S.A. - Todos los derechos reservados
Certifica IAB