Sacar Imagen

cadsys · #1 (**permalink**) 26/09/2009, 06:49

Hola a tod@s, mi pregunta, es la siguiente como se podria sacar una imagen mas grande segun pasa el raton por encima de una foto pequeña. No se si me he explicado tenemos unos thumbs y cuando se pase por encima de alguno de ellos sacar una imagen un poco mas grande.

Yo tengo thumbs de 68x68 y tengo que sacar otra foto de 250x250, que es otra foto distinta.

Espero me hecheis una manita , si se puede hacer en PHP claro.

Muchas gracias a tod@s y un cordial saludo.

Hildegaard · #2 (**permalink**) 26/09/2009, 07:38

Deberias preguntar en el foro de JavaScript

Saludos

kuriel · #3 (**permalink**) 26/09/2009, 11:00

Leete los metodos de redimencionar imágenes con este Script en PHP:

http://phpimagen.phperu.net/index.php?home=ej1

Te quedará por ejemplo:

Con javascript OnClick:

Cita:

ENTRE ETIQUETAS HEAD

<script type="text/javascript">
var _img_grande;

function mostrar() {
var ops = "top=" + ((screen.height - _img_grande.height) / 2);
ops += ",left=" + ((screen.width - _img_grande.width) / 2);
ops += ",width=" + _img_grande.width + ",height=" + _img_grande.height;
var contenido = "<html><body style='background-image: url(" + _img_grande.src + ")'></body></html>";
var ventana = window.open("", "", ops);
ventana.document.write(contenido);
ventana.document.close();
}

function cargando() {
if (_img_grande.complete) mostrar();
else setTimeout("cargando()", 100);
}

function abrir(imagen) {
_img_grande = new Image();
_img_grande.src = imagen;
cargando();
}
</script>

ENTRE ETIQUETAS BODY

<img src="img.php?file=CARPETA/IMAGEN.png&ancho=68&alto=68" onclick="abrir('img.php?file=CARPETA/IMAGEN.png&ancho=250&alto=250')"/>

GatorV · #4 (**permalink**) 26/09/2009, 16:47

Tema trasladado desde PHP

kuriel · #5 (**permalink**) 26/09/2009, 18:50

Cita:

Iniciado por GatorV

Tema trasladado desde PHP

NO entiendo por que, si es mas PHP que JavaScript, tal vez no leyó bien el moderador, pero el enlace que di es el que hace todo el trabajo y JavaScript solo abre la imagen en una nueva ventana ajustada al tamaño de la imagen...