Problema con código para mostrar fotos. 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.
