knorrigt.com

Home > Internet > Cómo crear una imagen de sustitución

Cómo crear una imagen de sustitución

Advertisement

Cómo crear una imagen de sustitución


Si usted está diseñando una página web, y que desea crear una imagen que cambia a una imagen diferente cuando el puntero del ratón pasa sobre él, usted tendrá que empezar con dos imágenes --- uno que se muestra cuando el puntero del ratón no ha terminado la imagen y la otra que se muestra cuando el puntero del ratón pasa sobre él. Puede crear una imagen de sustitución mediante el uso de JavaScript o Cascading Style Sheets. Si estás corto de tiempo o no desea crear el código usted mismo, puede utilizar un generador de código de vuelco en su lugar.

El uso de JavaScript para Crear Imagen de sustitución

  • 1

Abra la carpeta que contiene el archivo HTML en su editor web favorita haciendo clic en "Archivo" y "Abrir".

2

Haga clic en el botón "Crear nueva carpeta" en el cuadro de diálogo "abierto" y el nombre "imágenes". A continuación, haga clic en "Cancelar" y minimizar el editor web.

3

Crear o encontrar las imágenes de sustitución que desea utilizar. Guarde los archivos en la carpeta "imágenes" haciendo clic en "Archivo" y "Guardar como", navegando a la carpeta y presionar "Guardar".

4

Regresar a su editor web y abra el archivo HTML donde se colocarán las imágenes de sustitución.

5

Inserte el siguiente código JavaScript entre las etiquetas <BODY> de su archivo HTML, donde desea que aparezca el efecto:

<a href=" onmouseover="document.Rollover.src='images/rollover-image.jpg';" onmouseout="document.Rollover.src='images/normal-image.jpg';">
<Img src = "images / normal imagen.jpg" name = frontera "Rollover" = "0" /> </a>

6

Reemplazar "normal-imagen.jpg" y "rollover-imagen.jpg" con los nombres reales de los archivos de imagen. (Nota: "onmouseover" muestra la imagen cuando el ratón pasa sobre ella, mientras que "onmouseout" hace lo contrario).

El uso de Rollover Generador de imágenes

1

Crear el código de su imagen de sustitución durante al crear en línea (ver Recursos más adelante).

2

Introduzca la dirección web completa de sus imágenes en los cuadros de texto. A continuación, haga clic en "Generar Mi Código" y pulse "Resaltar todo".

3

Copia el código haciendo clic derecho sobre ella y seleccionando "Copiar".

4

Abre el archivo HTML en la que aparecerá el botón de imagen cambiante y pegar el código ( "Editar" y "Pegar") entre la etiqueta <BODY> de la página (en la que desea que aparezca).

Cómo crear una imagen de sustitución utilizando la programación HTML
Lenguaje de marcado de hipertexto (HTML) es un lenguaje de programación que se utiliza para crear páginas Web. Saber utilizar códigos HTML puede ayudar a manipular la configuración de página. Se puede crear un enlace de imagen que va a cambiar cuando
Cómo crear una imagen de sustitución en CSS
efectos de conversión de imagen son una de las características comunes de diseño de sitios web más avanzados. Cuando se coloca el cursor sobre una imagen con un efecto de rollover, la imagen cambia de aspecto hasta que mueva el cursor fuera. Hay much
Cómo crear una imagen de disco en Mac OSX. Una imagen de disco es un archivo que contiene el contenido de un DVD, CD o incluso disco duro. Es una forma conveniente de copia de seguridad de los datos que se encuentran en los discos o transportar el co
Cómo crear una imagen negativa en Photoshop
En días de cine-cámara, una cámara produjo negativos que se utilizaron para crear fotografías, que fueron impresas en papel fotográfico sensible a la luz. Lo negativo es imágenes invertidas de las fotografías que se producen a partir de ellos. El uso
Cómo crear una imagen del sistema
PCs modernos tienen una generosa cantidad de espacio en el disco duro para almacenar no sólo el sistema operativo, sino también las aplicaciones de terceros y los datos creados por el usuario. El intento de copia de seguridad de un disco duro utiliza
Cómo crear una imagen negativa en PaintShop Pro X2
PaintShop Photo Pro X2 de Corel es una aplicación de edición de gráficos ampliamente utilizado. Permite a los fotógrafos crear, editar y exportar imágenes de mapa de bits en una variedad de formatos, incluyendo JPEG, GIF, PNG y TIFF. Su interfaz de a
La creación de una imagen de disco de software que ya posee es una buena manera de mantener sus disco óptico intacta puesto que ya no tendrá que cambiar constantemente discos para jugar sus juegos favoritos, como Battlefield 2. Creación de una imagen
Una página de fans de Facebook le permite llegar a sus clientes y aficionados a través de la gigante de las redes sociales Facebook. Puede hacer que su página de fans única mediante la personalización de la imagen de fondo. De esta manera publicacion
Una imagen de disco es un archivo que contiene una copia exacta de su disco duro. El sistema operativo Linux utiliza el comando "dd" para crear imágenes de disco. Los "DD" comando copia la unidad de disco bit a bit, por lo que la image
Cómo crear una imagen del disco duro
disco duro de su ordenador es el dispositivo de almacenamiento que contiene los datos de la computadora, incluyendo el sistema operativo, archivos de programa, los conductores y cualquier otro archivo que haya creado o descargado. Al crear una imagen
La creación de una imagen de disquete es esencial para los usuarios de Windows que deseen utilizar Virtual PC para ejecutar otros sistemas operativos o sistemas virtuales. Una imagen de disquete se utiliza para arrancar un equipo en la aplicación Vir
Una imagen especular de su equipo es un duplicado completo del disco duro de su ordenador, hasta el último archivo disponible. Esto se puede hacer, siempre y cuando usted tiene un segundo disco duro de capacidad igual o superior, ya que se necesita e
Cómo crear una imagen especular de lo que ha escrito en Word Perfect
Las imágenes especulares de texto, en WordPerfect, se utilizan a menudo en folletos, carteles llamativos u otras tareas de procesamiento de textos que requieren este elemento extra de diseño. WordPerfect no lo hace, en sí mismo, contiene las herramie
Cómo crear una imagen de disco
Si desea crear un archivo de copia de seguridad de un DVD, CD o discos Blu-Ray, se puede utilizar una amplia gama de software gratuito o shareware para crear una imagen de disco (por ejemplo, ImgBurn o ISO Recorder). En esencia, una imagen de disco r
Cómo crear una imagen de copia de seguridad de Windows
La creación de una imagen de copia de seguridad completa de su ordenador es una forma de copia de seguridad de la configuración actual del sistema, incluyendo programas, unidades y archivos. Al restaurar una imagen de copia de seguridad, la imagen so
Fedora es una distribución Linux creada por la comunidad que es la base para el producto Red Hat Enterprise Linux comercial de Red Hat. instalación por defecto de Fedora incluye el escritorio GNOME gráfica y la utilidad de copia de seguridad Déjà Dup
Las unidades de disquete (FDD) no son tan comunes hoy en día, lo que representa un obstáculo cuando se trata de trabajar una imagen de VMware que necesita utilizar una antena de. En su lugar, tendrá que crear un archivo FLP. Esta es una imagen de un
software de Microsoft Excel funciona como una hoja de cálculo, pero muchas personas no saben que tiene un editor maravillosa que le permite traer a un objeto y manipularlo según sea necesario. Excel le permite Para reflejar un imagen para fotos, comp
Una imagen de disco es un archivo que contiene todos los archivos de un CD o DVD. Cuando el archivo se graba en un CD o DVD en blanco, se extraen los archivos. Una imagen de disco es una gran manera de crear una copia de un disco y guardarlo en su co