Mostrar los tags: imagen

Script que permite cambiar la imagen de fondo al clicar en una miniatura. Ejemplo basado en una estructura básica y compatible 100%. Muy sencillo de ampliar y adaptar a cualquier proyecto.
Si se precisa, con CSS es fácil cambiar el aspecto, posiciones, tamaños, color, etc...

Espero sea útil para experimentar.

Un saludo

este simple código, muestra como poner un simple texto encima de una foto.

Este programa te permite codificar y decodificar textos dentro de imágenes casi sin que se note en la imagen final.

Este simple script, sirve para detectar si una pagina web, imagen, hoja de estilos, o cualquier archivo de Internet ha modificado.
Lo que hace, es que guarda una copia del mismo para posteriormente realizar una comprobación del tamaño y del MD5 del mismo.

Este código que utiliza la librería hammer.js, permite detectar el movimiento del dedo en dispositivo móvil, por lo que podemos hacer una animación para pasar las fotos con el dedo.

Este código coge las imágenes que se encuentran en la carpeta "images/" de la web, y las va mostrando según las vamos pasando con el dedo.

En cada movimiento de la imagen, se realiza una petición AJAX al servidor, para obtener la siguiente y anterior imagen para el siguiente movimiento del dedo, ya sea hacia adelante o hacia atras.

Este código muestra como crear un plugin para visualizar la imagen grande en una posición concreta de la ventana al hacer click sobre la imagen pequeña.

Puede ver el ejemplo aquí

Este código muestra como crear un plugin para visualizar una imagen a su tamaño real al pasar el ratón por encima de la imagen pequeña.

Puede ver el ejemplo aquí

4 imágenes, que al dar clic en una de ellas, muestra la información correspondiente a la misma y con otro clic se oculta.

Imágenes que cambian dinámicamente, contiene una barra que al llenarse cambia la imagen

Este código posiciona un vídeo de youtube encima de una imagen de un monitor, simulando que el vídeo se emite desde una pantalla dentro de la web.



Este código lo he desarrollado para contestar una pregunta del foro de HTML.