jquery - plugin - modal window template
Implementación de JQuery del cuadro modal de Facebook (5)
¿Qué tal LightBox?
Me preguntaba si alguien sabía de una implementación jQuery de este cuadro modal de MooTools . He visto Facebox, pero parece el antiguo diseño de diálogo modal de Facebook y no el más nuevo.
Si no hay ninguno disponible, entonces un ejemplo de cómo el diálogo modal ui de jQuery para verse así sería realmente útil. La salida HTML para el cuadro de diálogo modal jQuery UI tiene este aspecto:
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span>
<a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
</div>
<div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog">
<p>Content.</p>
</div>
</div>
Consulte la clase de diálogo de JQueryUI. Puede hackear su CSS para que se vea como el de Facebook.
¿Por qué no usar la biblioteca de Facebook Connect?
FB.Connect.showShareDialog siempre muestra el diseño correcto para el diálogo modal que utiliza Facebook. Facebook actualiza esto todo el tiempo, por lo que no tiene mucho sentido utilizar algo que se desactualizará rápidamente, especialmente si nadie está al día. Es lo que uso de todos modos.
Esto es probablemente lo que estás buscando:
http://www.electrictoolbox.com/jquery-facebox-opaque-background/
¿Qué tal el plugin jQuery Facebox ?
Viene directamente de la caja haciendo prácticamente todo lo que necesita. Simplemente cambie el recurso de imagen al que se hace referencia en el CSS para el botón Cerrar a uno que copie de Facebook, y divs de pie de leyenda y pie de página con el estilo del cuadro de diálogo de Facebook. Los bordes grises translúcidos están todos fuera de la caja en el complemento de Facebook.