http://www.lokeshdhakar.com/projects/lightbox2/
pero... u.u
Segun hice todas las indicaciones que me van diciendo en el lightbox, pero una mis imagenes se van para atras... cuando descomento esta etiqueta comentada "hasta el final claro":
<!--<div id="Layer1"><img src="FondoIndex.png" alt="1007x649" width="1007"
y cuando la comento le doy clic en la imagen y solamente me abre otra ventana donde esta la imagen... que si tengo bien acomodadas mis carpetas? si.. estan todas en una sola carpeta... "Pruebas: las imagenes del final de este post."
Espero que me puedan a ayudar a solucionar mi problema ...
Citar
Código
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento sin título</title> <style type="text/css"> <!-- #Layer1 { position:absolute; left:0px; top:0px; width:44px; height:24px; z-index:1; } #Layer2 { position:absolute; left:139px; top:73px; width:218px; height:32px; z-index:2; } .Estilo1 {color: #FFFFFF} #Layer5 { position:absolute; left:724px; top:534px; width:75px; height:30px; z-index:16; } #Layer3 { position:absolute; left:147px; top:162px; width:590px; height:64px; z-index:17; } --> </style> <script type="text/javascript"> <!-- 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_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_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];} } <style type="text/css"> <!-- #Layer4 { position:absolute; left:170px; top:463px; width:439px; height:63px; z-index:18; } --> </style> //--> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> </script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> </head> <body onload="MM_preloadImages('Button1.png')" link="#FFFFFF" vlink="#FFFFFF" alink="#00CCFF"> <!--<div id="Layer1"><img src="FondoIndex.png" alt="1007x649" width="1007" height="649" longdesc="BackGroundIndex" /></div> <div id="Layer2"> <h1 align="center" class="Estilo1">¿Que es el Cyberpunk?</h1> </div> <div id="Layer5"><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','Button1.png',1)"><img src="Button2.png" alt="ButtonAtras" name="Image2" width="150" height="25" border="0" id="Image2" /></a></div> <div id="Layer3"> <p class="Estilo1"> El termino Cyberpunk fue originalmente acuñado por Bruce Bethke como titulo de una relato corto, publicado en 1983. </p> <p class="Estilo1">El<em> cyberpunk</em> es un subgénero que toma su nombre de la combinación de <em>cibernética</em> y <em>punk</em>, con lo cual podría definirse como un mix de ciencia avanzada, tecnologías de la información y cibernética, a lo que añadiríamos un grado de desintegración o cambio radical en el orden social.</p> <p class="Estilo1"> Según <em>Lawrence Person</em>, <em>los</em> <em>cyberpunk</em>s <em>son seres marginados, alejados, solitarios, que viven al margen de la sociedad, generalmente en futuros distópicos donde la vida diaria es impactada por el rápido cambio tecnológico, una atmósfera de información computarizada ubicua y la modificación invasiva del cuerpo humano</em>. </p> </div>--> <!--¡Imagenes! con framework--> <div id="Layer4"><a href="Cyber1.jpg" rel="lightbox[roadtrip]"><img src="Cyber1.jpg" width="75" height="95" longdesc="Image#1" /></a> <a href="Cyber2.jpg" rel="lightbox[roadtrip]"><img src="Cyber2.jpg" width="75" height="95"longdesc="Image#2" /></a> <a href="Cyber3.jpg" rel="lightbox[roadtrip]"><img src="Cyber3.jpg" width="75" height="95" longdesc="Image#3" /></a></div> </body> </html>
Citar