Alguien ha mirado el codigo javascript que mandé?
funciona con "onmouseover" y "onmouseout", agranda la imagen y deja el
href libre :P
El 15/12/05, DJ-Dom<[EMAIL PROTECTED]> escribió:
> Entonces es más facil hacer código mal formateado que bien
> formateado....Casi me convenso...
>
>
> Saludo,
> DJ-Dom
>
> El día 15/12/05, Maikel Naigt <[EMAIL PROTECTED]> escribió:
> >
> > Hombre, no hay que quebrarse la cabeza para averigüar que el '#',
> > evidentemente, es una manera (poco sutil quizás) más de "llenar" la
> > propiedad, sin más ánimo que ese y la de marcar que ahí tiene que haber
> > contenido. Todo el ejemplo en sí es un modo rápido de mostrar el
> > comportamiento requerido. Por supuesto que, no solo el '#', sino todo el
> > ejemplo tendrá que ser adecuado para encajar en el proyecto qie lo
> > albergue.
> > Ea!
> >
> > Un saludo, David Merino.
> >
> >
> > On 12/15/05, Estela López Bernal <[EMAIL PROTECTED]> wrote:
> > >
> > > 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í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
> > [email protected]
> > > > > > >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
> > [email protected]
> > > > > > 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 [email protected]
> > > > > 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 [email protected]
> > > > 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 [email protected]
> > > 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 [email protected]
> > 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 [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
