- 14 Sep 2012, 16:30
#328
[bbcodet]Titulo:[/bbcodet] Facebox image bbcode
[bbcodet]Descripción:[/bbcodet] como dice en http://defunkt.io/facebox/
[bbcodet]Autor(es)/or Enlace:[/bbcodet] bbcode: cisco007, code: http://defunkt.io/facebox/
[bbcodet]Notas:[/bbcodet]
[facebox]http://www.roadrash.no/hs-support/images/gallery3.jpg[/facebox]
[bbcodet]Descarga:[/bbcodet]
[bbcodet]Descripción:[/bbcodet] como dice en http://defunkt.io/facebox/
Facebook-style lightbox which can display images, divs, or entire remote pagesabre imágenes como lightbox al estilo facebook.
[bbcodet]Autor(es)/or Enlace:[/bbcodet] bbcode: cisco007, code: http://defunkt.io/facebox/
[bbcodet]Notas:[/bbcodet]
- extraer archivos y subirlos a raíz del foro
- modifique el CSS y el JS de las dos versiones 1.0.2 y 1.0.3 para que se mire un poco mejor. pero deje la versión del JS en 1.0.3
- Ahora tienes que agregar estas ediciones en el overall_header.html de tu estilo
[i_i]busca:Code: Select all[/i_i]</head>
[i_i]agrega antes:Code: Select all[/i_i]<!-- IF SCRIPT_NAME == ('viewtopic' or 'posting' or 'ucp') --> <link href="{ROOT_PATH}js/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css" /> <script src="{ROOT_PATH}js/facebox.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $('a[rel*=facebox]').facebox() }) </script> <!-- ENDIF -->
- si no tienes ya un archivo de jQuery en el archivo overall_header.html entonces también añade esta línea al código anterior:
[i_i]Code: Select all[/i_i]<script src="http://code.jquery.com/jquery-1.8.1.min.js" type="text/javascript"></script>
- ahora el bbcode
[i_i][bbcodet]Uso BBcode:[/bbcodet]Code: Select all[/i_i][facebox]{URL}[/facebox]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]Code: Select all[/i_i]<a href="{URL}" rel="facebox" title="#"><img src="{URL}" alt="{L_IMAGE}" style="width: 25%; height: 25%;" /></a>
[i_i][bbcodet]Línea de ayuda:[/bbcodet]Code: Select all[/i_i][facebox]image URL[/facebox]
[i_i][bbcodet]Ejemplo:[/bbcodet]Code: Select all[/i_i][facebox]http://www.roadrash.no/hs-support/images/gallery3.jpg[/facebox]
[facebox]http://www.roadrash.no/hs-support/images/gallery3.jpg[/facebox]
[bbcodet]Descarga:[/bbcodet]
[img]portal/sig.php[/img][img]portal/signature_random.php[/img]