Hola, estoy en ello, ya os contaré cómo lo haré al final.

No voy a poner # porque cada imagen va a llevar un enlace a una página
determinada.




El día 15/12/05, DJ-Dom <[EMAIL PROTECTED]> escribió:
>
> Eso de usar CSS para modificar el contenido no me convence, debería usar
> JavaScript....
>
> otra cosa en el "href" no es recomendable usar "#", puedes poner
> style="cursor:pointer;" para poner la "mano"...
>
> puedes tener dos trozos de códiggo, uno en display:none; y el otro en
> visibility:'';  y cambiar ese estado con JavaScript...
>
> o bien cambiar las clases o en fin cual quier etiqueta mediante
> getelementbyid...
>
>
> Saludo,
> DJ-Dom
>
> El día 14/12/05, Maikel Naigt <[EMAIL PROTECTED]> escribió:
> >
> > Te explicas, de hecho yo pienso que es la mejor manera.
> > Digamos que tenemos este código.
> >
> > <a href="#"><img scr="..." /></a>
> >
> > Pues así, de seguido yo haría esto (por poner un ejemplo, cada uno que
> lo
> > adapte a lo que necesite)
> >
> > a {
> > display: block;
> > height: 50px;
> > width: 50px;
> > padding: 50px;
> > }
> > img {
> > display: block;
> > width: 100%;
> > }
> > a:hover {
> > padding: 0;
> > }
> >
> > Y así conseguiría que la imagen de dentro se agrandara sin desplazar al
> > resto de los elementos de la página. Esto está hecho deprisa y
> corriendo,
> > por supuesto es posible e incluso aconsejable, según la situación,
> contar
> > con un contenedor envolvente o wrapper, pero la base aquí está ;)
> >
> > Un saludo, David Merino.
> >
> > P.D.: No lo he probado (soy muuu vago), así que no seais muy crítcos si
> > falla un poquillo. xD
> >
> >
> > On 12/14/05, jEsuSdA 8) <[EMAIL PROTECTED]> wrote:
> > >
> > > Muy bien conseguido.
> > > Eso es a lo que yo me refería.
> > > La incomodidad a la que hacía referencia en mi mail anterior era que,
> al
> > > cambiar de tamaño, todo elemento que se encuentre al lado de la
> imagen,
> > > se desplaza, de ahí que no sea muy recomendable lo de aumentar tamaños
> > > de elementos.
> > >
> > > LO que tal vez se pudiea hacer para solventar esto es meter cada
> imagen
> > > en una capa con un tamaño mayor o igual que el tamaño máximo que pueda
> > > alcanzar la imagen contenida en su interior.
> > > De ese modo, la imagen aumenta y disminuye de tamaño sin desplazar lo
> > > que haya a su alrededor.
> > > No se si me explico. ;)
> > >
> > > Jose Antonio Riquelme escribió:
> > >
> > > >Perdon, cuando redacté el mensaje tenia el 2 a pelo, y luego le puse
> > > >el parametro del tamaño.
> > > >
> > > >El ejemplo lo hace aumentando por 2, pero la funcion admite cualquier
> > > >numero, incluso 0 :P
> > > >
> > > >El 14/12/05, Jose Antonio Riquelme<[EMAIL PROTECTED]> escribió:
> > > >
> > > >
> > > >>Forma Javascript
> > > >>
> > > >>Este codigo coge la imagen y multiplica el ancho y el alto por 2.
> > > >>Importante poner el atributo ID al IMG, es el "identificador unico"
> de
> > > >>cada imagen.
> > > >>
> > > >>Saludos y espero que te sea util.
> > > >>
> > > >>PD. El codigo es mejorable, lo sé.
> > > >>
> > > >><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> > > >>"http://www.w3.org/TR/html4/loose.dtd";>
> > > >><html>
> > > >><head>
> > > >><title>Documento sin t&iacute;tulo</title>
> > > >><meta http-equiv="Content-Type" content="text/html;
> > charset=iso-8859-1">
> > > >></head>
> > > >>
> > > >><body>
> > > >>
> > > >><img name="dinosaurio" id="dinosaurio" src="avatar.gif"  border="0"
> > > >>onMouseOver="javascript:aumenta_tamanio(this.name,2);"
> > > >>Onmouseout="javascript:disminuye_tamanio(this.name,2);">
> > > >><script language= "JavaScript" type="text/javascript">
> > > >>        function aumenta_tamanio(nombre_imagen,cuanto) {
> > > >>        var ancho, alto;
> > > >>
> > > >>        I=document.getElementById(nombre_imagen);
> > > >>        ancho=I.width;
> > > >>        alto=I.height;
> > > >>        I.width=cuanto*ancho;
> > > >>        I.height=cuanto*alto;
> > > >>
> > > >>         }
> > > >>        function disminuye_tamanio(nombre_imagen,cuanto) {
> > > >>                I=document.getElementById(nombre_imagen);
> > > >>                I.width=I.width/cuanto;
> > > >>                I.height=I.height/cuanto;
> > > >>         }
> > > >>
> > > >></script>
> > > >>
> > > >></body>
> > > >></html>
> > > >>
> > > >>
> > > >>
> > > >>
> > > >>
> > > >_______________________________________________
> > > >Lista de distribución Ovillo
> > > >Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > >Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://ovillo.org/mailman/listinfo/ovillo
> > > >
> > > >
> > > >
> > >
> > >
> > >
> > > _______________________________________________
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://ovillo.org/mailman/listinfo/ovillo
> > >
> > >
> > >
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> www.dj-dom.net
> [EMAIL PROTECTED]
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a