• [bbcode] Imágenes Rightbox

Posted: **16 Aug 2012, 21:41**

[bbcodet]Titulo:[/bbcodet] [bbcode] Imágenes Rightbox
[bbcodet]Descripción:[/bbcodet] este bbcode le permitirá publicar imágenes que al hacer les clic se abrirán con un efecto de tipo lightbox!
[bbcodet]Autor(es)/or Enlace:[/bbcodet] cisco007, código de aquí: RIghtbox

Pedido?:
no
[bbcodet]Notas:[/bbcodet]

primero hay que agregar el js al header

[openfile]abrir

Code: Select all

styles/yourstyle/template/overall_header.html

[/openfile]
[findcode]Buscar Esto puede ser un encuentro parcial y no toda la línea

Code: Select all

</head>

Añadir antes Agregue la línea siguiente(s) en una nueva línea en blanco antes de la línea de encontrar anterior(s).

Code: Select all

<script type="text/javascript" src="{ROOT_PATH}js/right.js"></script>
<script type="text/javascript" src="{ROOT_PATH}js/right-lightbox.js"></script>

[/findcode]

[bbcodet]Ahora el bbcode[/bbcodet]

[i_i][bbcodet]Uso BBcode:[/bbcodet]

Code: Select all

[rightbox]{URL}[/rightbox]

[/i_i]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]

Code: Select all

<a href="{URL}" rel="lightbox" title=""><img src="{URL}" style="max-width:50%; max-height:50%;" alt="" /></a>

[/i_i]
[i_i][bbcodet]Línea de ayuda:[/bbcodet]

Code: Select all

[rightbox]enlace de imagen[/rightbox]

[/i_i]
[i_i][bbcodet]Ejemplo:[/bbcodet]

Code: Select all

http://rightjs.org/images/test/1.jpg

[/i_i]

[bbcodet]DEMO:[/bbcodet]

[rightbox]http://rightjs.org/images/test/1.jpg[/rightbox]

Youtube Rightbox BBcode

[i_i][bbcodet]Uso BBcode:[/bbcodet]

Code: Select all

[rightboxyt]http://www.youtube.com/watch?v={IDENTIFIER}[/rightboxyt]

[/i_i]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]

Code: Select all

<a href="http://www.youtube.com/watch?v={IDENTIFIER}" rel="lightbox"><img style="width: 130px; height: 97px; border:1px solid black;" alt="YouTube Video" src="http://i.ytimg.com/vi/{IDENTIFIER}/default.jpg" /></a>

[/i_i]
[i_i][bbcodet]Línea de ayuda:[/bbcodet]

Code: Select all

[rightboxyt]enlace a video[/rightboxyt]

[/i_i]
[i_i][bbcodet]Ejemplo:[/bbcodet]

Code: Select all

[rightboxyt]http://www.youtube.com/watch?v=VAfnbIrQTSk[/rightboxyt]

[/i_i]

[bbcodet]DEMO:[/bbcodet]
[rightboxyt]

Link
[/rightboxyt]

[bbcodet]FAQ:[/bbcodet]

¿Puedo usar esto como galería de imágenes también?

[spoiler]si, hagan otro bbcode llamen lo como quieran, y usar el mismo reemplazo de html de la imagen, pero busquen esto: [c]rel="lightbox"[/c] y cambiar por esto: [c]rel="lightbox[gallery]"[/c][/spoiler]

[bbcodet]Descarga:[/bbcodet]
[information]RightJS es un proyecto de código abierto.
Todo el código fuente está liberado bajo los términos de la licencia MIT.
Toda la documentación en este sitio se distribuye bajo la licencia Creative Commons 3[/information]

Posted: **16 Aug 2012, 21:42**

[attention]Reservado![/attention]

[bbcode] Imágenes Rightbox

[bbcode] Imágenes Rightbox

Re: [bbcode] Imágenes Rightbox