phpBBMexico

[bbcodet]Titulo:[/bbcodet] Facebox image bbcode
[bbcodet]Descripción:[/bbcodet] como dice en http://defunkt.io/facebox/

Facebook-style lightbox which can display images, divs, or entire remote pages

abre 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

  </head>

  [/i_i]
  [i_i]agrega antes:
  Code: Select all

  <!-- 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 -->

  [/i_i]
• 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

  <script src="http://code.jquery.com/jquery-1.8.1.min.js" type="text/javascript"></script>

  [/i_i]
• ahora el bbcode
  [i_i][bbcodet]Uso BBcode:[/bbcodet]
  Code: Select all

  [facebox]{URL}[/facebox]

  [/i_i]
  [i_i][bbcodet]Reemplazo HTML:[/bbcodet]
  Code: Select all

  <a href="{URL}" rel="facebox" title="#"><img src="{URL}" alt="{L_IMAGE}" style="width: 25%; height: 25%;" /></a>

  [/i_i]
  [i_i][bbcodet]Línea de ayuda:[/bbcodet]
  Code: Select all

  [facebox]image URL[/facebox]

  [/i_i]
  [i_i][bbcodet]Ejemplo:[/bbcodet]
  Code: Select all

  [facebox]http://www.roadrash.no/hs-support/images/gallery3.jpg[/facebox]

  [/i_i]

[bbcodet]DEMO:[/bbcodet]
[facebox]http://www.roadrash.no/hs-support/images/gallery3.jpg[/facebox]

[bbcodet]Descarga:[/bbcodet]

[cisco_note]reservado![/cisco_note]