[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]
[findcode]Buscar Esto puede ser un encuentro parcial y no toda la línea
[bbcodet]Ahora el bbcode[/bbcodet]
[i_i][bbcodet]Uso BBcode:[/bbcodet]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]
[i_i][bbcodet]Línea de ayuda:[/bbcodet]
[i_i][bbcodet]Ejemplo:[/bbcodet]
[bbcodet]DEMO:[/bbcodet]
[rightbox]http://rightjs.org/images/test/1.jpg[/rightbox]
Youtube Rightbox BBcode
[i_i][bbcodet]Uso BBcode:[/bbcodet]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]
[i_i][bbcodet]Línea de ayuda:[/bbcodet]
[i_i][bbcodet]Ejemplo:[/bbcodet]
[bbcodet]DEMO:[/bbcodet]
[rightboxyt][/rightboxyt]
[bbcodet]FAQ:[/bbcodet]
[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]
[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
Code: Select all
[/openfile]styles/yourstyle/template/overall_header.html
[findcode]Buscar Esto puede ser un encuentro parcial y no toda la línea
Code: Select all
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).</head>
Code: Select all
[/findcode]<script type="text/javascript" src="{ROOT_PATH}js/right.js"></script>
<script type="text/javascript" src="{ROOT_PATH}js/right-lightbox.js"></script>
[bbcodet]Ahora el bbcode[/bbcodet]
[i_i][bbcodet]Uso BBcode:[/bbcodet]
Code: Select all
[/i_i][rightbox]{URL}[/rightbox]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]
Code: Select all
[/i_i]<a href="{URL}" rel="lightbox" title=""><img src="{URL}" style="max-width:50%; max-height:50%;" alt="" /></a>
[i_i][bbcodet]Línea de ayuda:[/bbcodet]
Code: Select all
[/i_i][rightbox]enlace de imagen[/rightbox]
[i_i][bbcodet]Ejemplo:[/bbcodet]
Code: Select all
[/i_i]http://rightjs.org/images/test/1.jpg
[bbcodet]DEMO:[/bbcodet]
[rightbox]http://rightjs.org/images/test/1.jpg[/rightbox]
Youtube Rightbox BBcode
[i_i][bbcodet]Uso BBcode:[/bbcodet]
Code: Select all
[/i_i][rightboxyt]http://www.youtube.com/watch?v={IDENTIFIER}[/rightboxyt]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]
Code: Select all
[/i_i]<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][bbcodet]Línea de ayuda:[/bbcodet]
Code: Select all
[/i_i][rightboxyt]enlace a video[/rightboxyt]
[i_i][bbcodet]Ejemplo:[/bbcodet]
Code: Select all
[/i_i][rightboxyt]http://www.youtube.com/watch?v=VAfnbIrQTSk[/rightboxyt]
[bbcodet]DEMO:[/bbcodet]
[rightboxyt][/rightboxyt]
[bbcodet]FAQ:[/bbcodet]
- ¿Puedo usar esto como galería de imágenes también?
[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]