marca de agua mediante javascript

chemon · #1 (**permalink**) 03/10/2006, 04:38

Saludos a todos.
Me gustaria saber si es posible hacer un efecto de marca de agua sobre una imagen mediante programacion javascript.
Consegui hacer algo mediante php pero el problema es que dependo de que el servidor tenga habilitada la libreria gd y me gustaria saber si es posible hacer ese efecto de marca de agua mediante javascript

La otra opcion es hacerla mediante programas de retoque pero no puedo confiar en que todos los usuarios se aclaren con photoshop

Gracias por anticipado

caricatos · #2 (**permalink**) 03/10/2006, 08:28

Hola:

Con javascript solo consigues el efecto superponiendo una imagen con fondo transparente y otras características de esa marca de agua a la imagen a la que quieras crear el efecto, pero fácilmente se podría obtener la imagen sin su marca de agua... creo que no es recomendable.

Saludos

chemon · #3 (**permalink**) 04/10/2006, 02:05

Gracias por la respuesta caricatos
Pero lo de la marca de agua no es para proteger las imagenes
Tal vez era mejor decir q queria hacer una especie de alpha de la imagen, de manera que al pasar el raton por encima se viera bien y al retirarlo se viese ese efecto de alpha
Vamos un rollover.
Lo q pasa es q las imagenes las obtengo de una base de datos y no puedo pedirles a los usuarios que creen dos imagenes para subirla a la web; una que se vea bien y la otra con ese efecto de alpha.

Creo que por tu respuesta eso no se puede hacer con javascript sino q tendre que buscar otro efecto o pedirle a los usuarios q suban las imagenes retocadas desde `photoshop.

Gracias de nuevo por la respuesta

caricatos · #4 (**permalink**) 04/10/2006, 02:20

Hola:

Ahora que aclaras el tema, te diré que si es posible el efecto, aunque con limitaciones.

La opacidad es un estilo que se estandarizó (creo) muy recientemente, pero como casi todo lo estándar, explorer lo implementa a su manera.

<img style="opacity: 0.5" onmouseover="this.style.opacity = 1" onmouseout="this.style.opacity = 0.5" />

Para explorer hay que usar un filtro alpha con opacidad entre 0 y 100, pero ahora no recuerdo la sintaxis.

Saludos

chemon · #5 (**permalink**) 04/10/2006, 03:39

Gracias por la informacion.
Voy a probarlo. Al menos ya tengo algo para comenzar a trabajar

chemon · #6 (**permalink**) 04/10/2006, 03:51

Saludos a todos
Me contesto a mi mismo respecto al efecto alpha con javascript

Es necesario utilizar los filtros

Aqui os dejo el codigo que he utilizado:

<img src='mifoto.jpg' onmouseover='this.filters.alpha.opacity=100' onmouseout='this.filters.alpha.opacity=50' style='filter:alpha(opacity=50)'>

Realmente no se que son los filtros ni para que sirven, asi que me tengo q poner a investigar eso pero aqui os lo dejo por si le sirve a alguien

Gracias por la ayuda

caricatos · #7 (**permalink**) 04/10/2006, 04:10

Hola:

Los filtros son propiedad microsoft, y lo que tienes solo te va a valer en explorer. Para otros navegadores tienes que usar lo que yo te puse antes.

Saludos

chemon · #8 (**permalink**) 05/10/2006, 04:08

gracias por la informacion caricatos
Al probar en firefox lo de los filtros no funcionaba bien

¿Para cuando se unificaran los navegadores?

Un saludo

MarcoAntoine · #9 (**permalink**) 06/10/2006, 08:26

Cita:

Iniciado por chemon

gracias por la informacion caricatos
Al probar en firefox lo de los filtros no funcionaba bien

¿Para cuando se unificaran los navegadores?

Un saludo

Sería sencillo para nosotros si se unificaran, pero como se comportan los chicos de microsoft eso está lejos de realizarse
Saludos