Questo plugin permette di applicare il plugin FancyBOX a elementi della pagina configurandone il comportamento direttamente dagli attributi stessi dell’elemento.
E’ molto più semplice utilizzare FancyBOX in questo modo perchè non c’è bisogno di complicate configurazioni Javascript: solo 1 riga di codice!
Source code on GitHub!
https://github.com/thepeg/AutoFancybox
Di seguito un esempio di codice Javascript di inizializzazione (1 riga!) ed un esempio di HTML che permette di lanciare un IFRAME in lightbox.
// Document onReady()
$('.auto-fancybox').autoFancybox();
<!-- Inside your document -->
<a href="http://goo.gl/VgLDo" title="Lavora con me!"
class="auto-fancybox"
data-type="iframe"
data-width="90%"
data-height="90%"
>Lavora con me!</a>
Opzioni Supportate
Il plugin supporta quasi tutte le opzioni ufficiali di FancyBOX. Trattandosi di attributi HTML5 i nomi sono scritti completamente in minuscolo quindi l’opzione di configurazione “showTitle” diventa l’attributo “data-showtitle”.
- padding
- margin
- opacity
- modal
- cyclic
- scrolling
- width
- height
- autoscale
- autodimensions
- centeronscroll
- ajax
- swf
- hideonoverlayclick
- hideoncontentclick
- overlayshow
- overlayopacity
- overlaycolor
- titleshow
- titleposition
- titleformat
- transitionin
- transitionout
- speedin
- speedout
- changespeed
- changefade
- easingin
- easingout
- showclosebutton
- shownavarrows
- enableescapebutton
- type
- href
- title
- content
- index
Per la documentazione di tutte queste opzioni di configurazione rimando alla documentazione ufficiale.
