Bueno tengo un problema y es que con el código siguiente no puedo hacer que las fotos se abran en una capa fija, sino que se abren en una capa que es aleatoria y ensima se puede mover, y lo que yo quiero es que se quede fija en una sección de la página en la cual se abren todas las fotos que estan en una lista abajo de esa capa.
Este es el código de la página completa y en negrita el código js de la aplicación de las fotos:
Código:
Desde ya muchas gracias.<% Response.addHeader "pragma", "no-cache" Response.CacheControl = "Private" Response.Expires = 0 %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Fotos</title> <link rel="STYLESHEET" type="text/css" href="estilos.css"> <script>var ie=document.all; var ns=document.layers; var ns6=document.getElementById&&!document.all; function enlarge(which,e){ if (ie||ns6){ crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage if (crossobj.style.visibility=="hidden"){ crossobj.style.left=ns6? pageXOffset+e.clientX : document.body.scrollLeft+event.clientX crossobj.style.top=ns6? pageYOffset+e.clientY : document.body.scrollTop+event.clientY crossobj.innerHTML='<div align=right id=drag><b onClick=closepreview()>X</b></div><img src="'+which+'">' crossobj.style.visibility="visible" } else crossobj.style.visibility="hidden" return false } else if (document.layers){ if (document.showimage.visibility=="hide"){ document.showimage.document.write('<a href="#" onMouseover="drag_dropns(showimage)"><img src="'+which+'" border=0></a>') document.showimage.document.close() document.showimage.left=e.x document.showimage.top=e.y document.showimage.visibility="show" } else document.showimage.visibility="hide" return false } else return true } function closepreview(){ crossobj.style.visibility="hidden" } </script> <script language="JavaScript1.2"> var nsx,nsy,nstemp; function drag_dropns(name){ temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ temp.moveBy(e.x-nsx,e.y-nsy) return false } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } function drag_drop(e){ if (ie&&dragapproved){ crossobj.style.left=tempx+event.clientX-offsetx crossobj.style.top=tempy+event.clientY-offsety } else if (ns6&&dragapproved){ crossobj.style.left=tempx+e.clientX-offsetx crossobj.style.top=tempy+e.clientY-offsety } return false } function initializedrag(e){ if (ie&&event.srcElement.id=="drag"||ns6&&e.target.id=="drag"){ offsetx=ie? event.clientX : e.clientX offsety=ie? event.clientY : e.clientY tempx=parseInt(crossobj.style.left) tempy=parseInt(crossobj.style.top) dragapproved=true document.onmousemove=drag_drop } } document.onmousedown=initializedrag document.onmouseup=new Function("dragapproved=false") </script> <script language="JavaScript" type="text/javascript" src="js/codigo.js"></script> </head> <body background="fondos/starsbac.jpg" bgcolor="#000000"> <script src="menu.js"></script> <p align="left"><script menumaker src="gif/Menu/menu_.js"></script></p> <p align="center"><script menumaker src="gif/Menu/menu2.js"></script></p> <div id="showimage" style="position:absolute;visibility:hidden;border:1px solid black"></div> <div id="fotos"> </body> </html>
Saludos.
