- Para ver cada ejemplo:
Haga clic en el enlace de abajo y cargar el ejemplo de esta ventana.
A continuación, para ver el código fuente:
Haga clic en el botón derecho del ratón sobre la ventana y seleccione "Ver código
fuente" de la ventana emergente.
Si alguno de los gráficos se utilizan en el guión:
Haga clic en el botón derecho del ratón sobre cada gráfico y seleccione "Guardar
imagen como" del menú emergente. (Todos los gráficos se incluyen en el mismo
directorio que el ejemplo de Javascript.)
Para volver al Indice:
Haga clic en el botón "Atrás" en la parte superior de su navegador.
|
|
Change
Multiple Images |
Dynamically change multiple images by simply moving your mouse over one
image. |
Change Image |
It's always neat to dynamically change an image when the user touches it.
For this example, There is one image and when you put your cursor on it, it changes to
another. If you use this script, be sure to use images of the same size! |
Fading
Slide Show |
Displays images continuously in a slideshow presentation format, with a
fade effect on image transitions. (Internet Explorer 4+ and Netscape 3+) |
Gallery
Viewer |
Displays any of several images on the same page just by clicking its
thumbnail. This way, it is unnecessary to open a new window or use the back button after
going to each page. Sizes can be altered as required. |
Image
Previewer |
Users can see a preview of the image they select from the pulldown menu
before loading the full image. They can then view the full image by clicking the Go button
or the preview image. This is great for allowing sites with large images to offer image
previews visitors to to see an image preview first |
Image
Slideshow |
Rotates a series of images in a page as a slideshow. You can customize
the images and the time between each image. This script works best if all the images are
the same dimension! |
Image Cycler |
Cycle through a group of images in a single location on your page. For
best results all images should be near each other in size. You set the time interval for
the change of images. |
Random Image |
Use this script to randomly display a different image each time the the
page is visited. Refresh this page and notice the image below will change. Any number of
images can be used, and set-up is very easy. |
Random
Image Rotator |
Rotates a series of images on the page every few seconds. The images can
easily be changed, and the script can be modified to rotate the images randomly or in
order. |
Random
Click Image |
Displays a random image when the page is loaded and each time the image
is clicked. |
Set Image |
Set an image on the page when the cursor is over the link. The image
remains set until the user puts their cursor on another link (i.e. no onMouseOut command).
Then, the image is updated to the new one. |