Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

Imágenes con Efectos

EXPOSITOR GRAFICO ELEGANT

Ejemplo del Javascript:

Recordar de poner vuestras imágenes.


Mi mascota.
< <	\| \| \|	> >

Código fuente (Haz Click en la ventana para Seleccionarlo Todo)

Coloca el codigo entre las etiquetas [head] y [/head]

<style>
.Caption {
font-family: Arial;
font-weight: normal;
font-size:  12pt;
color:      #FF3300; }

A.Controls:link    { color:#666666;
                     text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:visited { color:#666666; text-decoration:none; 
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:active  { color:#666666; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:hover   { color:#00FF00; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }

</style>

// (C) 2003 by CodeLifter.com
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 3000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 2;

var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this
var showHot = false;       // don't change this

// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!

Picture[1]  = 'Nebula01.jpg';
Picture[2]  = 'Nebula02.jpg';
Picture[3]  = 'Nebula03.jpg';
Picture[4]  = 'Nebula04.jpg';
Picture[5]  = 'Nebula05.jpg';
Picture[6]  = 'Nebula06.jpg';
Picture[7]  = 'Nebula07.jpg';
Picture[8]  = 'Nebula08.jpg';
Picture[9]  = 'Nebula09.jpg';
Picture[10] = 'Nebula10.jpg';

// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of Pictures!

Caption[1]  = "Estando de vacaciones.";
Caption[2]  = "Buscando amigos.";
Caption[3]  = "Excursión a la montaña.";
Caption[4]  = "Se avecina mal tiempo.";
Caption[5]  = "Uffff, que calor.";
Caption[6]  = "El jardin de mi casa.";
Caption[7]  = "Mi vehiculo.";
Caption[8]  = "Trabajando un Lunes.";
Caption[9]  = "El volcan se enfada.";
Caption[10] = "Mi otra mascota.";

// =====================================
// Do not edit anything below this line!
// =====================================

var tss;
var iss;
var jss = 0;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

</script>

Coloca el codigo entre las etiquetas [body] y [/body]

<div align="center">
  <center>

<table border=0 cellpadding=10 cellspacing=0 align="center">
  <tr>
    
    <td width=169 height=127 colspan="3" align="center">
    <img src=Nebula00.jpg name=PictureBox width=169 height=127>
    </td>
  </tr>
  <tr>
    
    <td id=CaptionBox class=Caption align=center colspan="3">
    Mi mascota.</td>
  </tr>
    
  <tr>
    <td align="center">
    <a class=Controls href="#" onClick="javascript:control('B');">< <</a>
    </td>
    <td align="center">
    <a class=Controls href="#" onClick="javascript:control('H');">| | |</a>
    </td>
    <td align="center">
    <a class=Controls href="#" onClick="javascript:control('F');"><b>> ></b></a>
    </td>
  </tr>  
</table>

</center>
</div>

Coloca el codigo dentro de la etiqueta [body.......]

Todo Para Los Webmasters - Javascripts, Tutoriales, Trucos, Juegos, y Mas...

La mejor colección de trucos de Javascript, botones, banners y mas

Imágenes con Efectos