Hola tengo el siguiente problema:
Soy nueva en esto de java script, estoy haciendo este portfolio
http://www.emecuadradoweb.com/portfolio/index.html
como ven mi intencion es estructurarlos en base a cuadros con mini galerias que se manejan con las fuciones siguientes, anterior.
El primer cuadro me sale bien, pero el problema que tengo es que en el segundo, al hacer click en la flecha, es como que me recargara la pagina, y me lleva a la parte de arriba, cuando yo quiero que quede fijo en la galeria que estoy mirando.
No se si logro explicarme bien, aqui les pego el codigo, si alguien puede ayudarme?
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="estilos.css" type="text/css" />
<title>YO SOY EMECUADRADO</title>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script language="javascript">
//Array en la que debemos incluir
// la ruta a todas las imágenes de nuestro album
var misImagenes= new Array(12)
misImagenes [0]= "imag/trabajos/01.jpg";
misImagenes [1]= "imag/trabajos/02.jpg";
misImagenes [2]= "imag/trabajos/03.jpg";
misImagenes [3]= "imag/trabajos/04.jpg";
misImagenes [4]= "imag/trabajos/05.jpg";
misImagenes [5]= "imag/trabajos/06.jpg";
misImagenes [6]= "imag/trabajos/07.jpg";
misImagenes [7]= "imag/trabajos/08.jpg";
misImagenes [8]= "imag/trabajos/09.jpg";
misImagenes [9]= "imag/trabajos/10.jpg";
misImagenes [10]= "imag/trabajos/11.jpg";
misImagenes [11]= "imag/trabajos/12.jpg";
misImagenes [12]= "imag/trabajos/13.jpg";
var i = 0;
//funcion de carga de la primera imagen
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>11){
var NumImagen = i
} else {
var NumImagen = i+=1;
}
document.imgSrc.src = misImagenes[NumImagen];
}
//Llamar a la función
window.onload=cargarImagen;
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script language="javascript">
//Array en la que debemos incluir
// la ruta a todas las imágenes de nuestro album
var haras= new Array(10)
haras [0]= "imag/haras/01.jpg";
haras [1]= "imag/haras/02.jpg";
haras [2]= "imag/haras/03.jpg";
haras [3]= "imag/haras/04.jpg";
haras [4]= "imag/haras/05.jpg";
haras [5]= "imag/haras/06.jpg";
haras [6]= "imag/haras/07.jpg";
haras [7]= "imag/haras/08.jpg";
haras [8]= "imag/haras/09.jpg";
haras [9]= "imag/haras/10.jpg";
haras [10]= "imag/haras/11.jpg";
var j = 0;
//funcion de carga de la primera imagen
function anteriorH(){
if(j<1){
var NumImagen = j
} else {
var NumImagen = j-=1;
}
document.harasImagen.src = haras[NumImagen];
}
function siguienteH(){
if(j>9){
var NumImagen = j
} else {
var NumImagen = j+=1;
}
document.harasImagen.src = haras[NumImagen];
}
//Llamar a la función
window.onload=cargarImagen;
</script>
</head>
<body onload="MM_preloadImages('imag/h-div2_r2_c2.png','imag/h-div2_r2_c3.png','imag/arrow-2.png','imag/arrow-a2.png')">
<div id="cabezera"><div align="center"><img src="imag/h-div2_r1_c1.png" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="7,15,179,119" href="index.html" />
</map><img src="imag/h-div2_r2_c1.png" /><a href="index.html"><img src="imag/h-div_r2_c2.png" id="Image1" onmouseover="MM_swapImage('Image1','','imag/h-div2_r2_c2.png',1)" onmouseout="MM_swapImgRestore()" /></a><img src="imag/h-div_r2_c3.png" name="Image2" id="Image2" onmouseover="MM_swapImage('Image2','','imag/h-div2_r2_c3.png',1)" onmouseout="MM_swapImgRestore()" /></div>
</div>
<div id="contenedor">
<div id="info"><img src="imag/info.png" /><br />Selección de logos<br></div><div id="arrow">
<table width="650px" align="right" height="20px"><tr>
<td width="610px"></td>
<td><a href="#" onClick="anterior();"> <img src="imag/arrow-a.png" id="Image4" onclick="MM_effectAppearFade('imgSrc', 1000, 0, 100, false)" onmouseover="MM_swapImage('Image4','','imag/arrow-a2.png',1)" onmouseout="MM_swapImgRestore()"></a></td>
<td><a href="#" onClick="siguiente();"><img src="imag/arrow.png" id="Image3" onclick="MM_effectAppearFade('imgSrc', 1000, 0, 100, false)" onmouseover="MM_swapImage('Image3','','imag/arrow-2.png',1)" onmouseout="MM_swapImgRestore()"></a></td>
</tr></table>
</div>
<div id="cont"><img src="imag/trabajos/01.jpg" name="imgSrc" id="imgSrc" alt=""></div>
</div><BR />
<div id="contenedor">
<div id="info"><img src="imag/info.png" /><br />Ilustraciones - Haras<br></div><div id="arrow">
<table width="650px" align="right" height="20px"><tr>
<td width="610px"></td>
<td><a href="#" onClick="anteriorH();"><img src="imag/arrow-a.png"></a></td>
<td><a href="#" onClick="siguienteH();"><img src="imag/arrow.png" ></a></td>
</tr></table>
</div>
<div id="cont"><img src="imag/haras/01.jpg" name="harasImagen" id="harasImagen"></div>
</div>
</body>
</html>
MUCHISIMAS GRACIAS
