[cisco007]

[bbcodet]Titulo:[/bbcodet] Fancybox - lightbox alternativa (para imágenes y videos)
[bbcodet]Descripción:[/bbcodet] FancyBox muestra las imágenes, el contenido HTML y multimedia en una clase de "lightbox"
[bbcodet]Autor(es)/or Enlace:[/bbcodet] bbcode por mi cisco007 gracias a fancybox

Pedido?: no

[bbcodet]Notas:[/bbcodet]
si ya tienes un archivo jquery-xxx.js en el overall_header.html no agrega otro, para evitar conflictos!
También, si es que aún hay conflictos jquery simplemente quite todas las ediciones del overall_header excepto la de jQuery editar y añadir al principio del Reemplazo HTML, pero quitar el {ROOT_PATH}
primero descargue la carpeta adjunta y extraiga, y subir la carpeta entera a a la raíz del su foro!
instale de la siguiente manera:
[openfile]abrir:

Code: Select all

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="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH} fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="{ROOT_PATH} fancybox/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH} fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="{ROOT_PATH} fancybox/document.js"></script>

[/findcode]

y ahora el BBcode

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

Code: Select all

[fancybox]{URL}[/fancybox]

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

Code: Select all

<a href="{URL}" class="fancybox" title=""><img src="{URL}"  style="width:25%;height:25%;" alt="" /></a>

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

Code: Select all

[fancybox]enlace a imagen[/fancybox]

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

Code: Select all

[fancybox]http://farm5.static.flickr.com/4058/4252054277_f0fa91e026.jpg[/fancybox]

[/i_i]
[bbcodet]DEMO:[/bbcodet]
[fancybox]http://farm5.static.flickr.com/4058/425 ... 91e026.jpg[/fancybox][fancybox]http://farm3.static.flickr.com/2647/386 ... d52b1a.jpg[/fancybox]

[bbcodet]Faq's[/bbcodet]

1. no quiera usar la rueda de el raton para mover entre imágenes!
   nada mas elimine esta linea:
   Code: Select all

   <script type="text/javascript" src="{ROOT_PATH} fancybox/jquery.mousewheel-3.0.6.pack.js"></script>

2. Lo puedo usar para videos Youtube?
   
   [spoiler]si aqui va el bbcode:
   
   [i_i]Uso BBcode:
   Code: Select all

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

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

   <a href="http://www.youtube.com/v/{IDENTIFIER}&fs=1" id="youtube" title="Youtube Video"><img src="http://i.ytimg.com/vi/{IDENTIFIER}/default.jpg" alt="YouTube Video" /></a>

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

   [fancyboxyt]full clean youtube url[/fancyboxyt]

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

   [fancyboxyt]http://www.youtube.com/watch?v=071KqJu7WVo[/fancyboxyt]

   [/i_i]
   [bbcodet]DEMO:[/bbcodet]
   [fancyboxyt][/fancyboxyt][/spoiler]

[bbcodet]Descarga:[/bbcodet]

[dwnbt]http://rapidshare.com/files/3492285755/fancybox_new.zip[/dwnbt]

[cisco007]

[cisco_note]Reservado![/cisco_note]

prueba:
http://www.whitegadget.com/attachments/ ... ctures.jpg