Primer veamos que queremos hacer: Ejemplo
Para llegar a esto lo primero que tenemos que tener es unas cuantas imágenes (las mismas deben poseer el mismo tamaño, en mi caso cuatro imágenes de 400 largo, 300 alto)
Luego tenemos que poseer el archivo JS y un pequeño DIV en la página
El archivo lo pueden descargar de acá
Y el ejemplo del código html es el siguiente:
<title>Presentación de imágenes tipo Slideshow, JavaScript</title>
<script type="text/javascript" src="js/be_slide.js"></script>
</head>
<body>
<div id="slideshow" style="margin-left:15px;margin-top:15px;width:400px;height:300px;">
<img src="images/galeria/pic01.jpg" style="width:400px;height:300px;" />
</div>
</body>
En este código lo único que tenemos que tener en cuenta es el tamaño de la imagen y que el JS esté bien diseccionado
Ahora tenemos que ver el código JS, el mismo es muy simple y lo que nos interesa son tres cosas:
Las imágenes que se pueden seleccionar en el siguiente código del JS:
//into this array insert the paths of your pics.
var def_imges=new Array ('../images/galeria/pic01.jpg', '../images/galeria/pic02.jpg', '../images/galeria/pic03.jpg', '../images/galeria/pic04.jpg');
El tamaño ya que deben ser todas iguales para que no queden mal, el mismo se encuentra acá:
var def_picwid=400; //set this to the width of your widest pic
var def_pichei=300; //... and this to the height of your highest pic
Y por último los botones de navegación, acá los pueden encontrar, solo deben comentar la entrada para que no aparezcan
var def_showcontr="n"; //do you want to show controls? set it to "y" for on and to "n" for off
Creo que este resumen explica bien todo pero si desean obtener todos los códigos para ver ustedes mismos como hacerlo se los dejo acá para descargar, espero que les sirva y lo disfruten.
You fought in your number one game, but for the masses that are sincerely Interested in blogging, this computer software can be
ResponderEliminarestablish On-line and has become extremely popular.
Also visit my page :: click here
What is the intermediate sum of money of fourth dimension a weapons platform to flourish my profile and tone
ResponderEliminarmy Blogging believability.
Review my homepage Click Here