Mostrar los tags: imagen

Este simple código, muestra los diferentes efectos que generan los diferentes estilos filter sobre una imágen (grayscale, sepia, saturate, opacity, blur, brightness, contrast, invert, hue-rotate)

Simple gestión de una galería de imágenes utilizando bootstrap

Este simple código muestra como poner un icono dentro de in un <input>

Este script hace que al hacer clic en una imagen de tu documento se re dimensione de tamaño.

Al momento de escanear una imagen y usar el software del escaner, se me complicaba todo porque :
1.- tenia que especificar la ruta del software del escaner (Que puede variar con cada usuario asi que tenia que actualizarlo cada vez que lo instalaba )
2.- el programa seguía funcionando mientras yo escaneaba o le tenia que "atinar" a detenerlo con una pausa para terminar de escanear
3.- Ademas, tenia que cerrar el programa de escaneo manualmente
4.- luego hay que renombrar las imagenes a como yo necesitaba el nombre y directorio (o sea poner la imagen en el directorio donde debia ir y con el nombre que debe tener) ya que el software del escaner le pone un nombre por default y lo graba en un directorio que Él usa para las imagenes y no el directorio de mi aplicacion)
Me fue muy util para escanear documentos y ponerlos en un directorio aparte con un nombre especifico generado a partir de los datos de los campos (BD).
Mi aplicacion es sobre el control de maquinaria y mantenimiento la cual tiene fotos de la Maquina a Procesar,Datos para Mantenimiento y compras de refacciones con sus respectivas imagenes.
Asi resolvi estos problemas en conjunto

Este código es una modificación del código ya publicado (https://www.lawebdelprogramador.com/codigo/CSS/2702-Ejemplo-del-movimiento-de-un-div-con-transition-de-css3.html), el cual muestra como sube una capa de abajo hacia arriba al pasar el ratón por encima de la imagen.

Este código muestra como se puede visualizar una imagen seleccionada en el disco del usuario en le navegador sin enviarlas al servidor.
Se utiliza el objeto FileReader que se encuentra en los navegadores https://developer.mozilla.org/es/docs/Web/API/FileReader

El objeto FileReader permite que las aplicaciones web lean ficheros (o información en buffer) almacenados en el cliente de forma asíncrona, usando los objetos File o Blob dependiendo de los datos que se pretenden leer.

este programa muestra como podemos guardar imágenes y leerlas posteriormente en una base de datos SQLite, esta hecha con la librería de desarrollo de Qt y C++.

Sencillo código que muestra como poner una imagen en una lista de html <ul><li>.
NOTA: Para probarlo, hay que disponer de una imagen denominada "arrow.png" en la misma carpeta que el código html.

Simple código que muestra un listado de imágenes en tamaño pequeño (thumbnails), y al pulsar sobre cada una de ellas, se visualiza dicha imagen en grande con una cruz para poder cerrarla.