sfJQueryLightBoxPlugin
======================

Description
-----------

This helper transfomrs image link into fully featured lightbox effect. Automatically creates gallery.

This plugin uses awesome [jQuery library](http://www.jquery.com) and jQueryLightBox plugin by Leandro Vieira Pinho.

[Try out demonstration](http://sfplugins.infoart.net.pl/jl/test1)

Installation
------------

    $ symfony plugin:install sfJQueryLightBoxPlugin
    $ symfony cache:clear

Requirements
------------

This plugin requires JqueryReloadedPlugin.

Usage
-----

Place jQuery helper in your layout (or settings.yml):

    &lt;?php use_helper(&quot;jQuery&quot;) ?&gt;

And place JQueryLightbox helper somewhere inside your _body_ tag

    &lt;?php use_helper(&quot;sfJQueryLightbox&quot;) ?&gt;
 
In template place light_image() function for every image you want to have lightbox effect:

    &lt;?php echo light_image($thumbnail_url, $full_image_url, array(&#039;title&#039; =&gt; $image_title )); ?&gt;
    
Customizations
--------------
    
Function light_image() have following syntax:

    light_image($thumb_url, $image_url, $image_link_options = array(), $thumb_options = array() )

Where:
  
* $thumb_url :          thumbnail url
* $image_url :          full image url
* $image_link_options : additional html attributes to add to image link (e.g.: array (&#039;title&#039; =&gt; &#039;My image&#039;))
* $thumb_options :      additional html attributes to add to thumb image tag (e.g.: array (&#039;border&#039; =&gt; 5))

In your app.yml file you can customize images used for displaying next, prev, close butons and text &#039;Image X of X&#039;:

    all:
      sf_jquery_lightbox:
        css_dir: &#039;/sfJQueryLightboxPlugin/css/&#039;
        js_dir:  &#039;/sfJQueryLightboxPlugin/js/&#039;
        imageLoading: &#039;/sfJQueryLightboxPlugin/images/lightbox-ico-loading.gif&#039;
        imageBtnClose: &#039;/sfJQueryLightboxPlugin/images/lightbox-btn-close.gif&#039;
        imageBtnPrev: &#039;/sfJQueryLightboxPlugin/images/lightbox-btn-prev.gif&#039;
        imageBtnNext: &#039;/sfJQueryLightboxPlugin/images/lightbox-btn-next.gif&#039;
        imageBlank: &#039;/sfJQueryLightboxPlugin/images/lightbox-blank.gif&#039;
        txtImage: &#039;Image&#039;
        txtOf: &#039;of&#039;