Compañeros, menos depresión a los usuarios del foro y más soluciones.
Lo que buscas es lo siguiente:
HTML:
Código HTML:
<span id="imagenA">foto1</span>
CSS:
Código:
#imagenA{
color:transparent;
background: url('images/foto.png') no-repeat;
display:block;
width:600px;
height:400px;
}
Ventajas:
* Al hacer clic derecho, no aparecerán las opciones de imagen.
Desventajas:
* No hay atributo Alt para la imagen (Se intenta sustituir con el contenido del span)
* Firefox tiene la opción "ver imagen de fondo", por lo que si el usuario tiene este navegador, ya tu protección dejó de funcionar.
* Cualquiera que vea tu código fuente, entre a tu CSS y encuentre en enlace a tu imagen, podrá encontrar la ruta para verla y guardarla (Igual, muchos tendrán flojera de hacer todo este procedimiento)
* NADA SE SALVA DEL BOTÓN PRINT-SCREEN!!!
Ahora que 4punts conoce como hacerlo, sus ventajas y desventajas, ya sabrá si desea hacer tanto trabajo para una solución parcial o no.
Así podremos disuadir más a los usuarios de estas prácticas
Saludos a todos.