-.-galeria
Texto Por Encima De La Pagina
<script type="text/javascript" src="http://img3.xooimage.com/files/7/4/4/jquery-1.2.6.pack-c4c64e.js"></script>
<script type="text/javascript" src="http://img48.xooimage.com/files/4/a/0/simplegallery-e11cc7.js">
/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
var mygallery2=new simpleGallery({
wrapperid: "simplegallery2", //ID of main gallery container,
dimensions: [400, 265], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["http://www.dynamicdrive.com/dynamicindex4/amster1.jpg", "http://en.wikipedia.org/wiki/Amsterdam", "_new", "The river looks beautiful at sunset."],
["http://www.dynamicdrive.com/dynamicindex4/amster2.jpg", "http://en.wikipedia.org/wiki/Amsterdam", "", "A nice day to enjoy the city."],
["http://www.dynamicdrive.com/dynamicindex4/amster3.jpg", "", "", "That's a lot of cheese I must say."],
["http://www.dynamicdrive.com/dynamicindex4/amster4.jpg", "", "", "Most buildings in the city are 4 or 5 stories tall."]
],
autoplay: [false, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: true,
fadeduration: 1000, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//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>
Codigo de la galeria
<div id="simplegallery2"></div>