Mostrar los tags: imagen

Mostrando del 1 al 10 de 99 coincidencias
<<>>
Se ha buscado por el tag: imagen
Imágen de perfil

Controlar la carga de una imagen


JavaScript

Publicado el 9 de Diciembre del 2019 por Joan
104 visualizaciones desde el 9 de Diciembre del 2019
Este código nos indica si una imagen se ha cargado correctamente o si ha habido algún error.
sin imagen de perfil

Slider con imagenes diferente tamaño o altura


CSS

Actualizado el 5 de Diciembre del 2019 por LEONARDO (Publicado el 4 de Diciembre del 2019)
195 visualizaciones desde el 4 de Diciembre del 2019
Es un slider bootstrap css, es un codigo que no encontre en meses y la solucion era mas facil de lo que esperaba. dentro de todo este codigo lo que me interesa es el id="after" al final, que es lo que da tamaño al slider y lo deja fijo para que no se mueva lo que esta debajo.
Imágen de perfil

Rotar una imagen


Python

Publicado el 2 de Diciembre del 2019 por Xavi
442 visualizaciones desde el 2 de Diciembre del 2019
Este código muestra como rotar una imagen a 90, 180 y 270 grados, guardarlas a disco y mostrarlas por la pantalla utilizando la librería cv2.
Imágen de perfil

Obtener el color de una imagen cargada en un canvas


JavaScript

Publicado el 21 de Noviembre del 2019 por xve
493 visualizaciones desde el 21 de Noviembre del 2019
Código que muestra como cargar una imagen local en un canvas y obtener el color de cualquier punto de la imagen en formato RGB y hexadecimal.

canvas-color
Imágen de perfil

Centrar y Ajustar Imagen con métodos básicos de CSS


CSS

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 22 de Octubre del 2019 por ScriptShow (Publicado el 5 de Marzo del 2017)
16.227 visualizaciones desde el 5 de Marzo del 2017
Como centrar una imagen en cualquier dispositivo / pantalla de modo responsable con CSS compatible; sin pseudo clases, sin media query, sin calcular márgenes, sin importar el tamaño, etc.
El resultado es parecido al de aplicaciones de escritorio cuando redimensionamos la ventana.

Espero sea útil.

Un saludo
Imágen de perfil

Foto Click / Keyb - Visor de Imágenes Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Octubre del 2019 por ScriptShow (Publicado el 22 de Julio del 2017)
4.224 visualizaciones desde el 22 de Julio del 2017
Se trata de un visor de imágenes y/o fotos manual...
Cambia las imágenes adelante y atrás clicando en la parte izquierda o derecha de la imagen y/o pulsando las teclas de dirección-flechas.
La imagen permanece centrada y ajustada proporcional a las dimensiones.

Es un diseño responsive, se adapta a cualquier resolución de pantalla y/o dispositivo.

Espero sea útil.

Un saludo
Imágen de perfil

Carrusel de imágenes


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Septiembre del 2019 por joel
1.127 visualizaciones desde el 8 de Septiembre del 2019
Este código muestra como crear un carrusel de imágenes que permite pasar las imágenes con el clic del ratón, permitiendo pasar el carrusel de manera rápida manteniendo el ratón pulsado.

carousel
Imágen de perfil

Imagen que sobresale del div


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 5 de Agosto del 2019 por Joan
811 visualizaciones desde el 5 de Agosto del 2019
Este código muestra como mostrar una imagen que sobresalga del div por la parte superior, pudiendo especificar diferentes tamaños y colores.

imagen-sobresale-div
Imágen de perfil

Cambiar la imagen cada 5 segundos


JavaScript

estrellaestrellaestrellaestrellaestrella(82)
Actualizado el 25 de Julio del 2019 por Xavi (Publicado el 21 de Abril del 2014)
98.540 visualizaciones desde el 21 de Abril del 2014
Simple código que muestra como cambiar una imagen de nuestra pagina cada 5 segundos por otra imagen de forma aleatoria o secuencial

Hay tres versiones:
- una sin enlace aleatorio
- una con enlaces (link) en las imágenes de forma aleatoria
- una con enlaces (link) en las imágenes de forma secuencial
Imágen de perfil

Ejemplo parallax moviendo una imagen hacia la izquierda


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 16 de Julio del 2019 por Joan
735 visualizaciones desde el 16 de Julio del 2019
En este ejemplo, se mueve una imagen de derecha a izquierda a medida que va bajando el scroll de la pagina.

parallax-horizontal