Hola, de nuevo necesito vuestra ayuda.
Lo que quiero hacer es cambiar el tamañano de una imagen (hacerla más
grande) cuando el ratón pase por encima, y si el usuario hace click sobre
ella, abrir una nueva ventana.
¿esto se puede hacer?
Lo de al hacer click sobre la imagen, es poner un link, pero
Una forma sencilla sería poner la imagen como fondo del enlace usando CSS, y
entonces, en el evento a:hover cambiarla por otra imagen de fondo, que será
la misma pero más grande.
En el css pondrás algo parecido a esto, supongo que tendrás que darle un id
al enlace porque tendrás más de uno:
a {
b
Estela López Bernal escribió:
Hola, de nuevo necesito vuestra ayuda.
Lo que quiero hacer es cambiar el tamañano de una imagen (hacerla más
grande) cuando el ratón pase por encima, y si el usuario hace click sobre
ella, abrir una nueva ventana.
¿esto se puede hacer?
Lo de al hacer click sobre
¿cómo sería con javascript? son bastantes imágenes.
El día 14/12/05, Inma Bermejo <[EMAIL PROTECTED]> escribió:
>
> Una forma sencilla sería poner la imagen como fondo del enlace usando CSS,
> y
> entonces, en el evento a:hover cambiarla por otra imagen de fondo, que
> será
> la misma pero más gra
Otra posibilidad que acabo de pensar es cambiar el ancho y alto de las
imágenes con CSS, aplicando una clase, por ejemplo:
a img.grande {
width:60px;
height:60px;
}
a:hover img.grande {
width:80px;
height:80px;
}
La cuestión es si la imagen se verá bien o no... es cuestión de probar, y de
que
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é.
http://www.w3.org/TR/html4/loose.dtd";>
Documento sin tít
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 image
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
Te explicas, de hecho yo pienso que es la mejor manera.
Digamos que tenemos este código.
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:hov
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
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
>
>
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. Po
Entonces es más facil hacer código mal formateado que bien
formateadoCasi 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
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
> formateadoCasi me convenso...
>
>
> Saludo,
>
(-estoy en ello-)
El día 15/12/05, Jose Antonio Riquelme <[EMAIL PROTECTED]> escribió:
>
> 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ó:
> > Entonce
DJ-Dom escribió:
Eso de usar CSS para modificar el contenido no me convence, debería usar
JavaScript
Pues yo creo que este es un caso en el que precisamente se debería usar
css en lugar de javascript ya que no se modifica el contenido sino su
presentación.
Para hacerlo defines el alto
Hola,
Después de estar probando las posibles soluciones a mi problema, he llegado
a una serie de conclusiones que me han hecho decidir olvidarme de agrandar
la imagen cuando pase el ratón:
Utilizando CSS:
* La idea de poner un hipervínculo a la imagen era una gran idea porque al
principio deberí
Con relación alo del "#", tienes estas opciones:
href="javascript:void(0);" (metodo inválido)
En "a" o "img" en sus hover o como puedas le pones un "cursor:pointer;"
aparece la manita como si fuera hipervinculo y no va a ningún lado...
Saludo,
DJ-Dom
El día 23/12/05, Estela López Bernal <[EMAIL
y si tienes 2 imágenes, una grande y otra pequeña? te paso el codigo de una
paginilla que creé hace unas semanas, a ver si te sirve (lo que hace es
mostrar la imagen sobra la que pasas el mouse, más grande en otra zona de la
pantalla, aunque cambiando un poco podrías conseguir lo que te propones):
19 matches
Mail list logo