una ayudita plisssss no funciona y nose xk
<html>
<head>
<link rel="stylesheet" href="menu.css">
<script language="javascript">
var misImagenes= new Array(13)
misImagenes [0]= "F1.jpg";
misImagenes [1]= "F2.jpg";
misImagenes [2]= "F3.jpg";
misImagenes [3]= "F4.jpg";
misImagenes [4]= "F5.jpg";
misImagenes [5]= "F6.jpg";
misImagenes [6]= "F7.jpg";
misImagenes [7]= "F8.jpg";
misImagenes [8]= "F9.jpg";
misImagenes [9]= "P1.jpg";
misImagenes [10]= "P2.jpg";
misImagenes [11]= "P3.jpg";
misImagenes [12]= "P4.jpg";
misImagenes [13]= "P5.jpg";
misImagenes [14]= "P6.jpg";
var i = 0;
function cargarImagen(){
document.imgSrc.src = misImagenes[i] ;
}
function anterior(){
if(i<1){
var NumImagen = i
} else {
var NumImagen = i-=1;
}
document.imgSrc.src = misImagenes[NumImagen];
}
function siguiente(){
if(i>2){
var NumImagen = i
} else {
var NumImagen = i+=1;
}
document.imgSrc.src = misImagenes[NumImagen];
}
window.onload=cargarImagen;
</script>
<style type="text/css">
body {
margin-top:40px;
}
td a {
font:9px Verdana, Arial, Helvetica, "sans-serif";
color:#FFFFFF;
text-decoration:none;
</style>
</head>
<body>
<div style="width:400px; height:300px; margin: auto;">
<img name="imgSrc" id="imgSrc" alt="Im?genes de la galeria">
</div>
<table width="400" border="0" cellspacing="0" cellpadding="0" style="background:#666; width:400px; margin: auto;">
<tr>
<td align="center"><a href="#" onClick="anterior();"> < Anterior</a></td>
<td align="center"><a href="#" onClick="siguiente();">Siguiente > </a></td>
</tr>
</table>
</body>
</html>
