sfLightboxPlugin - 1.0.0

Lightbox2 plugin for Symfony

You are currently browsing
the website for symfony 1

Visit the Symfony2 website


« Back to the Plugins Home

Signin


Forgot your password?
Create an account

Tools

Stats

advanced search
Information Readme Releases Changelog Contribute
Show source | Show as Markdown

sfLightboxPlugin

sfLightboxPlugin is a symfony plugin that provides an easy to use wrapper for the Lightbox2 javascript library.

It add a new helper : LightBoxHelper with 3 functions : * light_image, to display an image * light_slideshow, to display a slideshow * light_modalbox, to display a modal popup with any content

Installation

  • Install the plugin

    symfony plugin-install http://plugins.symfony-project.com/sfLightboxPlugin
    

    or download

  • Copy the files in 'web' to your application web directory

  • If you don't want to use the following structure :

    • js/lightbox/

    • css/lightbox/

    • images/lightbox/

    You will have to modifiy the path in 'lightbox.css', 'lightbox.js', 'modalbox.js' and the 'config.php' of the plugin (or make your own in your application by creating a sfLightboxPlugin module) You also have a french picture for the close button in '/web/images/fr/', you will also have to change the path if you want to use it.

  • Clear you cache

    symfony cc
    

Usage

  • 1 - To display one image

    'Lightbox2 Taz image !'); echo light_image('logo.jpg', 'taz.jpg', $image_options); ?>
  • 2 - To display a slide show of several images

    'taz.jpg', 'image' => 'taz2.jpg', 'options' => array('title' => 'taz2') ); $images[] = array( 'thumbnail' => 'taz2.jpg', 'image' => 'logo.jpg', 'options' => array('title' => 'Taz') ); $images[] = array( 'thumbnail' => 'logo.jpg', 'image' => 'taz.jpg', 'options' => array('title' => 'Taz') ); $link_options = array( 'title' => 'Taz SlideShow', 'slidename' => 'taz', ); echo light_slideshow($images, $link_options) ?>
  • 3 - To display a modal box with content of the result of an action

    // Modal Lightbox plugin test $link_options = array( 'title' => 'Taz...', 'class' => 'new blocksize_800x700' );

    echo light_modallink('

Taz presentation

', 'index/presentation', $link_options);

You can change the class to adjust the wanted size. Of course you can use a route instead of a 'module/action'. Don't forget to disable the layout as it's as if you were in a popup.

  • That's all, ;)