
| |||
![]() Buenas tardes, tengo un problema que no soy capaz de resolver... A ver si me podeis ayudar, quiero hacer un scroll de una capa horizontal que tendrá imagenes. Funcionará a modo de galeria cuando te posiciones con el raton en una flecha la galeria rotará. Mi problema es que me hago un lio con la capa, alguien puede explicarme o darme algun link para que estudie como funciona el movimiento de estas... la verdad es que yo no encuentro nada, hace 4 o 5 dias que lo ando buscando... Muchas gracias ![]() |
| |||
Mira esta dirección hay muchos ejemplos http://www.dynamicdrive.com/dynamicindex2/index.html Espero te sirva |
| |||
![]() Gracias a todos de nuevo, ![]() Tunait; antes de ver tu post consegui hacer que se moviera el scroll en vertical y ahora queria pasarlo a horizontal, pero no lo consigo. He probado cambiando el top por left y el height por bottom pero al ejecutarlo da un error. Os paso el trozo de codigo para que le echeis un vistazo. No he utilizado lo de la propiedad overflow, pues aun no lo habia visto. function recorta(donde) { if(ie) { clearTimeout(tiempo); Y=parseInt(document.all[capa].style.top); var H=parseInt(document.all[capa].style.height); if((Y>altura)&&(donde==0)) { activo=true; valor=2; paso+=valor; document.all[capa].style.top = Y-valor; document.all[capa].style.height = H+valor; eval("document.all['"+capa+"'].style.clip='rect("+paso+",450,"+(H+valor)+",0)'") ; tiempo=setTimeout("recorta(0)",50); } else if((Y<=300) && (donde==1) && (activo==true)) { valor=-2; paso+=valor; document.all[capa].style.top = Y-valor; document.all[capa].style.height = H+valor; eval("document.all['"+capa+"'].style.clip='rect("+paso+",450,"+(H+valor)+",0)'") ; tiempo=setTimeout("recorta(1)",50); } } else if(n4) { Y=document.layers[capa].top; var H=document.layers[capa].height; if((Y>altura)&&(donde==0)) { activo=true; valor=2; paso+=valor; document.layers[capa].top = Y-valor; document.layers[capa].height = H+valor; document.layers[capa].clip.top=paso; document.layers[capa].clip.bottom=(H+valor); tiempo=setTimeout("recorta(0)",50); } else if((Y<=120)&&(donde==1) && (activo==true)) { valor=-2; paso+=valor; document.layers[capa].top = Y-valor; document.layers[capa].height = H+valor; document.layers[capa].clip.top=paso; document.layers[capa].clip.bottom=(H+valor); tiempo=setTimeout("recorta(1)",50); } } else if(n6) { Y=parseInt(document.getElementById(capa).style.top ); var H=parseInt(document.getElementById(capa).style.hei ght); if((Y>altura)&&(donde==0)) { activo=true; valor=5; paso+=valor; document.getElementById(capa).style.top = Y-valor; document.getElementById(capa).style.height = H+valor; eval("document.getElementById('"+capa+"').style.cl ip='rect("+paso+",450,"+(H+valor)+",0)'"); tiempo=setTimeout("recorta(0)",50); } else if((Y<=120)&&(donde==1) && (activo==true)) { valor=-5; paso+=valor; document.getElementById(capa).style.top = Y-valor; document.getElementById(capa).style.height = H+valor; eval("document.getElementById('"+capa+"').style.cl ip='rect("+paso+",450,"+(H+valor)+",0)'"); tiempo=setTimeout("recorta(1)",50); } } } |
| |||
Revisa este mensaje http://www.forosdelweb.com/showthrea...hreadid=116412 quiza sea lo que buscas saludos y suerte ![]()
__________________ "... era precisamente la fina hermosura del dolor humano... que al parecer sólo la música sabe expresar." - Cuentos imprescindibles, Anton Chéjov. |
| |||
Agradecimientos a ![]() ![]() Saludos, Enea
__________________ "... era precisamente la fina hermosura del dolor humano... que al parecer sólo la música sabe expresar." - Cuentos imprescindibles, Anton Chéjov. |
| |||
![]() Buenas Noches, Casi, casi que lo tengo... :) Al final lo de Carlitos no me sirvio pq lo suyo era a nivel de ventanas (o eso entendi) y lo mio a nivel de capas.. Fijandome en la de las postales me ha casi salido, mi unico problema es que no consigo que vaya para atrás jejej... mi script mira palante y no echa la vista atrás. He copiado el de las postales asi que pienso que debería ir... Quizá es pq el único script que uso sea el que insertare abajo y debería tener algun otro. Destacar que llamo asi al script <div id="izquierda" style="left: 534px; top: 320px"> <a href="#" onMouseOver="mueve('iz');return false;" onMouseOut="clearTimeout(tiempo)"><img src="../images/abajo.gif" width="10" height="11" border="0" alt="Retrocede Caratulas"></a> </div> Igual debería llamar a la funcion parar? Que es lo que hago mal? <script language="javascript" > var paso = 0, W = 500; var X = 50, valor = 0, tiempo; capa = "dibujos"; izquierda = -1100; activo = false; function mueve(sentido) { //(iz)quierda (de)recha X=parseInt(document.getElementById(capa).style.lef t); W=parseInt(document.getElementById(capa).style.wid th); if ((X>izquierda) && (sentido=='iz')) { activo=true; //valor=5; if (valor == 0) valor = 5; paso+=valor; document.getElementById(capa).style.width=(W+valor ); document.getElementById(capa).style.left=(X-valor); eval('document.getElementById(capa).style.clip="re ct(0,'+(W+valor)+',120,'+paso+')"'); tiempo=setTimeout('mueve("iz")',10); } else if ((X<=25) && (sentido=='de') && (activo==true)) { //valor=-5; if (valor == 0) valor = -5; paso+=valor; document.getElementById(capa).style.width=(W+valor ); document.getElementById(capa).style.left=(X-valor); eval('document.getElementById(capa).style.clip="re ct(0,'+(W+valor)+',120,'+paso+')"'); tiempo=setTimeout('mueve("de")',10); Muy agradecida Enea. Hasta pronto ![]() } } </script> |
| |||
Ya me respondo yo solita... Se ve que ayer era muy tarde y el sueño causaba estragos ![]() ![]() Bueno, tras semanas y semanas por fin lo saque... ![]() Muchas gracias por toda vuestra ayuda, Hasta pronto ! Enea desde IBIZA! ![]() |
| |||
vaya Enea!!! siento no haberte ayudado pero si te soy sincera, no tenia idea del problema, la verdad me alegro mucho de que lo hayas resuelto saludos. ibicenca !!! ![]()
__________________ "... era precisamente la fina hermosura del dolor humano... que al parecer sólo la música sabe expresar." - Cuentos imprescindibles, Anton Chéjov. |