MagzNetwork Blog Design Demo
MagzNetwork Blog Design Demo

Webjose20

Galeria

Hola!

Les dejo esta galeria para que las usen en sus web...

 



Codigo:

Código:
<script type="text/javascript" src="http://img3.xooimage.com/files/7/4/4/jquery-1.2.6.pack-c4c64e.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="http://img46.xooimage.com/files/0/1/9/style-e11610.css" />
<script type="text/javascript" src="http://img42.xooimage.com/files/1/f/1/simplegallery-e115fe.js">
</script>

<script type="text/javascript">
var mygallery=new simpleGallery({
   wrapperid: "simplegallery1",
   dimensions: [500, 400],
   imagearray: [
      ["http://img20.xooimage.com/files/2/8/9/lluvia-e11628.jpg", "", "", "Imagen de lluvia"],
      ["http://img44.xooimage.com/files/f/5/5/gato-e11642.jpg", "", "", "Un lindo gato"],// incluir url en las primeras comillas
      ["", "", "", ""]
   ],
   autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
   persist: false, //remember last viewed slide and recall within same session?
   fadeduration: 500, //transition duration (milliseconds)
   oninit:function(){ //event that fires when gallery has initialized/ ready to run
      //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
   },
   onslide:function(curslide, i){ //event that fires after each slide is shown
      //Keyword "this": references current gallery instance
      //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
      //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
   }
})
</script>

<div id="simplegallery1"></div>


Solo editan esto:
Cita:

dimensions: [500, 400], : Hay modifican el alto y el ancho de la galeria.

["URL DE LA IMAGEN", "", "", "Descripcion de la imagen"],


Espero que les sirva:

Cualquier duda preguntar aqui mismo y no por mp!

Saludos y enjoy!


 

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=