Tema: java script frame que se corre
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/08/2010, 09:07
Avatar de emecuadrado
emecuadrado
 
Fecha de Ingreso: diciembre-2007
Mensajes: 26
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: java script frame que se corre
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?

Código Javascript: 
Ver original
  1. <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
  2. <script language="javascript">
  3. //Array en la que debemos incluir
  4. // la ruta a todas las imágenes de nuestro album
  5. var misImagenes= new Array(12)
  6. misImagenes [0]= "imag/trabajos/01.jpg";
  7. misImagenes [1]= "imag/trabajos/02.jpg";
  8. misImagenes [2]= "imag/trabajos/03.jpg";
  9. misImagenes [3]= "imag/trabajos/04.jpg";
  10. misImagenes [4]= "imag/trabajos/05.jpg";
  11. misImagenes [5]= "imag/trabajos/06.jpg";
  12. misImagenes [6]= "imag/trabajos/07.jpg";
  13. misImagenes [7]= "imag/trabajos/08.jpg";
  14. misImagenes [8]= "imag/trabajos/09.jpg";
  15. misImagenes [9]= "imag/trabajos/10.jpg";
  16. misImagenes [10]= "imag/trabajos/11.jpg";
  17. misImagenes [11]= "imag/trabajos/12.jpg";
  18. misImagenes [12]= "imag/trabajos/13.jpg";
  19. var i = 0;
  20. //funcion de carga de la primera imagen
  21. function cargarImagen(){
  22. document.imgSrc.src = misImagenes[i] ;
  23. }
  24. function anterior(){
  25. if(i<1){
  26. var NumImagen = i
  27. } else {
  28. var NumImagen = i-=1;
  29. }
  30. document.imgSrc.src = misImagenes[NumImagen];
  31. }
  32. function siguiente(){
  33. if(i>11){
  34. var NumImagen = i
  35. } else {
  36. var NumImagen = i+=1;
  37. }
  38. document.imgSrc.src = misImagenes[NumImagen];
  39. }
  40. //Llamar a la función
  41. window.onload=cargarImagen;
  42. function MM_effectAppearFade(targetElement, duration, from, to, toggle)
  43. {
  44. Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
  45. }
  46. function MM_preloadImages() { //v3.0
  47. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  48. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  49. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  50. }
  51.  
  52. function MM_swapImgRestore() { //v3.0
  53. var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  54. }
  55.  
  56. function MM_findObj(n, d) { //v4.01
  57. var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  58. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  59. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  60. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  61. if(!x && d.getElementById) x=d.getElementById(n); return x;
  62. }
  63.  
  64. function MM_swapImage() { //v3.0
  65. var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  66. if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  67. }
  68. </script>
  69. <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
  70. <script language="javascript">
  71. //Array en la que debemos incluir
  72. // la ruta a todas las imágenes de nuestro album
  73. var haras= new Array(10)
  74. haras [0]= "imag/haras/01.jpg";
  75. haras [1]= "imag/haras/02.jpg";
  76. haras [2]= "imag/haras/03.jpg";
  77. haras [3]= "imag/haras/04.jpg";
  78. haras [4]= "imag/haras/05.jpg";
  79. haras [5]= "imag/haras/06.jpg";
  80. haras [6]= "imag/haras/07.jpg";
  81. haras [7]= "imag/haras/08.jpg";
  82. haras [8]= "imag/haras/09.jpg";
  83. haras [9]= "imag/haras/10.jpg";
  84. haras [10]= "imag/haras/11.jpg";
  85. var j = 0;
  86. //funcion de carga de la primera imagen
  87. function anteriorH(){
  88. if(j<1){
  89. var NumImagen = j
  90. } else {
  91. var NumImagen = j-=1;
  92. }
  93. document.harasImagen.src = haras[NumImagen];
  94. }
  95. function siguienteH(){
  96. if(j>9){
  97. var NumImagen = j
  98. } else {
  99. var NumImagen = j+=1;
  100. }
  101. document.harasImagen.src = haras[NumImagen];
  102. }
  103. //Llamar a la función
  104. window.onload=cargarImagen;
  105. </script>

Código HTML: 
Ver original
  1. <div id="contenedor">
  2. <div id="info"><img src="imag/info.png" /><br />Ilustraciones - Haras<br></div><div id="arrow">
  3. <table width="650px" align="right" height="20px"><tr>
  4. <td width="610px"></td>
  5. <td><a href="#" onClick="anteriorH();"><img src="imag/arrow-a.png"></a></td>
  6. <td><a href="#" onClick="siguienteH();"><img src="imag/arrow.png" ></a></td>
  7. </tr></table>
  8. </div>
  9. <div id="cont"><img src="imag/haras/01.jpg" name="harasImagen" id="harasImagen"></div>
  10. </div>

Me dijeron que puede tener algo que ver con el div
PUEDER SER CIERTO?