tag:blogger.com,1999:blog-42179375955007149182011-11-27T16:33:03.277-08:00Juan!http://www.blogger.com/profile/12786236350222509525noreply@blogger.comBlogger21100tag:blogger.com,1999:blog-4217937595500714918.post-734038709414681162008-05-21T10:54:00.000-07:002008-05-21T13:58:35.970-07:00<span style="color: rgb(255, 102, 0);font-family:Verdana;" ><b><a href="http://kom.cl/blogger/"> LIGHTBOX++</a> <a href="http://kom.cl/blogger/">lightbox </a>con soporte para flash.</b></span><br /><br /><p class="MsoNormal"><a href="http://www.codefidelity.com/"> http://www.codefidelity.com/</a></p> <p>La evolucion logica de <a href="http://kom.cl/blogger/">Lightbox</a>, soporte para Flash, es solo cuestion de tiempo la riqueza que nos entrega Flash permite que este en todos lados, ahora le toco el turno a <a href="http://kom.cl/blogger/">Lighbox </a>con una mejora sustancial totalmente funcional para tus imagenes como tambien en peliculas Flash.<br />En la implementacion es tan simple como un <a href="http://kom.cl/blogger/"> Lightbox </a>Standard, lo veremos a continuacion.</p> <a href="http://www.codefidelity.com/">Codefidelity</a> Archivos: <a href="http://kom.cl/blogger/lightbox++v101.zip">lightbox++v101.zip</a><br /><br />Luego de descargar los archivos anteriores debemos escribir en las cabeceras de nuestras paginas, <header> </header><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://kom.cl/blogger/images/lightbox_kom.cl.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 351px; height: 697px;" src="http://kom.cl/blogger/images/lightbox_kom.cl.png" alt="" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Link Relacionados:<br /><br /><a href="http://lightbox-ajax.blogspot.com/2008/05/clon-ajax-lightbox-iframe.html">Ajax LightBox con Iframe </a><br /><br /><a href="http://www.kom.cl/blogger/">Ejemplos y Referencia de este Blog - Kom.cl</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4217937595500714918-73403870941468116?l=lightbox-ajax.blogspot.com' alt='' /></div>Juan!http://www.blogger.com/profile/12786236350222509525noreply@blogger.com1tag:blogger.com,1999:blog-4217937595500714918.post-16973599397954084962008-05-21T10:21:00.000-07:002008-05-21T10:52:39.897-07:00<span style="color: rgb(255, 102, 0);"><b><span style="font-family:Verdana;">AJAX LIGHTBOX + IFRAME</span></b></span><p class="MsoNormal"> <a href="http://particletree.com/features/lightbox-gone-wild/">LIGHTBOX gone-wild</a> </p> <p style="text-align: justify;">En mas de una ocasión necesitamos mostrar información en nuestro sitio Web pero no deseamos que el visitante escape a un sitio de referencia existen herramientas para mostrar informacion que en estos ultimos meses (2008) se han multiplicado y son variados los sitios que trabajan con lo practico de Iframe y lo elegante de Ajax lightbox, cada uno con sus beneficios.</p><div style="text-align: justify;"> </div><p style="text-align: justify;">Ahora veremos que ocurre al mezclar estas dos herramientas que nos permitiran entregar información adicional a nuestro sitio web, sin que el visitante abandone el mismo.</p><div style="text-align: justify;"> </div><p style="text-align: justify;">Variados son los script existentes de LightBox yo he probado muchos y el ejemplo que tomo me resulto muy bien. Se los dejo como una buena opcion, aunque no uso AJAX causa un efecto similar y al usar iframe puedo colocar variados elementos en su interior.</p> <p> <a href="http://particletree.com/features/lightbox-gone-wild/">LIGHTBOX gone-wild</a> : archivos <a href="http://kom.cl/blogger/lightbox-iframe-gone-wild.zip"> lightbox iframe gone wild </a><br /></p><br /><p> Ejemplo: <a href="http://www.kom.cl/blogger/iframe">LightBox + Iframe</a> </p> <p style="text-align: justify;">El gran problema que resulta con este script es el tamaño del recuadro que no es automatico sino fijo. </p><div style="text-align: justify;"> </div><p style="text-align: justify;">Con un iframe de medidas:</p><p style="text-align: justify;"> width="500" height="350" px tamaño prefijado en el archivo lightbox-iframe.js</p> <p>y un Cuadro exterior prefijado en lightbox.css de</p><p> width:550px; height:500px;</p> <p>con el codigo</p><p></p><blockquote><table style="width: 315px; height: 324px;" align="left" border="0" cellpadding="0" cellspacing="0"><br /><tbody> <tr> <td style="color: rgb(0, 0, 0);" bgcolor="#ffcc99" width="532"> <p class="MsoNormal"> </p> <p class="MsoNormal">#lightbox{<br />display:none;<br />position: absolute;<br />top:50%;<br />left:50%;<br />z-index:9999;<br /><b><span style="color: rgb(255, 102, 0);">width:550px;<br />height:500px;</span></b><br />margin:-220px 0 0 -250px;<br />border:10px solid #555555;<br />background:#FDFCE9;<br />text-align:left;<br />}</p> </td> <td rowspan="10" background="rightbg2.gif" width="41"><br /></td> </tr> <tr> <td bgcolor="#ffffff" width="532"> <h2 class="post-title"> </h2><br /></td></tr></tbody></table></blockquote><br /><p></p><p><br /></p><p><br /></p><br /><p><br /></p><br /><p><br /></p><br /><p><br /></p><p><br /></p><p><br /></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4217937595500714918-1697359939795408496?l=lightbox-ajax.blogspot.com' alt='' /></div>Juan!http://www.blogger.com/profile/12786236350222509525noreply@blogger.com0