|
|
sfLightboxPlugin - 1.0.8Lightbox2 plugin for symfony |
|
 |
59
users
Sign-in
to change your status |
sfLightboxPlugin is a symfony plugin that provides an easy to use wrapper for the Lightbox2 javascript library. |
sfLightboxPlugin is a symfony plugin that provides an easy to use wrapper for the Lightbox2 JavaScript library.
| Name | Status | |
|---|---|---|
Vernet Loïc |
lead | rf]tod[oohay]ta[lioc_frq |
Plugin by COil & Demental.
Lightbox library is made by Lokesh Dhakar. (http://www.huddletogether.com/projects/lightbox2)
Modalbox modification by Demental (http://demental.info/blog/index.php?post/2007/01/11/75-introducing-modalbox)
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
| Version | License | API | Released |
|---|---|---|---|
| 1.0.12stable | MIT license | 1.0.12stable | 09/04/2010 |
| Version | License | API | Released |
|---|---|---|---|
| 1.0.12stable | MIT license | 1.0.12stable | 09/04/2010 |
| Version | License | API | Released |
|---|---|---|---|
| 1.0.12stable | MIT license | 1.0.12stable | 09/04/2010 |
| 1.0.11stable | MIT license | 1.0.11stable | 09/05/2009 |
| 1.0.10stable | MIT license | 1.0.10stable | 06/04/2009 |
| 1.0.9stable | MIT license | 1.0.9stable | 04/04/2009 |
| Version | License | API | Released |
|---|---|---|---|
| 1.0.12stable | MIT license | 1.0.12stable | 09/04/2010 |
| 1.0.11stable | MIT license | 1.0.11stable | 09/05/2009 |
| 1.0.10stable | MIT license | 1.0.10stable | 06/04/2009 |
| 1.0.9stable | MIT license | 1.0.9stable | 04/04/2009 |
| 1.0.8stable | MIT license | 1.0.8stable | 01/10/2008 |
| Version | License | API | Released |
|---|---|---|---|
| 1.0.12stable | MIT license | 1.0.12stable | 09/04/2010 |
| 1.0.11stable | MIT license | 1.0.11stable | 09/05/2009 |
| 1.0.10stable | MIT license | 1.0.10stable | 06/04/2009 |
| 1.0.9stable | MIT license | 1.0.9stable | 04/04/2009 |
| 1.0.8stable | MIT license | 1.0.8stable | 01/10/2008 |
| 1.0.7stable | MIT license | 1.0.7stable | 22/04/2008 |
| 1.0.6stable | MIT license | 1.0.6stable | 02/03/2008 |
| 1.0.5stable | MIT license | 1.0.5stable | 27/04/2007 |
| 1.0.4stable | MIT license | 1.0.4stable | 24/04/2007 |
| 1.0.3stable | MIT license | 1.0.2stable | 16/04/2007 |
| 1.0.2stable | MIT license | 1.0.2stable | 26/03/2007 |
| 1.0.1stable | MIT license | 1.0.0stable | 21/02/2007 |
| 1.0.0stable | MIT license | 1.0.0stable | 07/02/2007 |
sfLightboxPlugin is a symfony plugin that provides an easy to use wrapper for the Lightbox2 javascript library.
It adds a new helper file : LightboxHelper with 6 new functions:
* light_image, to display an image (with lightbox) on an image link
* light_image_text, to display an image with a text link
* light_slideshow, to display a slideshow with an image set
* light_slide_image, to display a slideshow with an image link
* light_slide_text, to display a slideshow with a text link
* light_modallink, to display a modal popup with any content
Install the plugin (check the installation TAB of the plugin on the symfony website) (or check out from the svn repository: http://svn.symfony-project.com/plugins/sfLightboxPlugin)
If you don't want to use the following web resources paths :
/sfLightboxPlugin/js/
/sfLightboxPlugin/css/
/sfLightboxPlugin/javascript/
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 for now.
Clear you cache
./symfony cc
1 - Declare the helper
2 - To display a lightbox link to one image (check the _single_images.php template inside the plugin module)
3 - To display a slide show of several images (check the _image_set.php template inside the plugin module)
<hr/>
<br/>
<h2> » For all images of the set</h2>
<?php
// To display a slide show of several images
$images[] = array(
'thumbnail' => 'http://www.huddletogether.com/projects/lightbox2/images/thumb-3.jpg',
'image' => 'http://www.huddletogether.com/projects/lightbox2/images/image-3.jpg',
'options' => array('title' => 'Roll over and click right side of image to move forward.')
);
$images[] = array(
'thumbnail' => 'http://www.huddletogether.com/projects/lightbox2/images/thumb-4.jpg',
'image' => 'http://www.huddletogether.com/projects/lightbox2/images/image-4.jpg',
'options' => array('title' => 'Alternatively you can press the right arrow key.')
);
$images[] = array(
'thumbnail' => 'http://www.huddletogether.com/projects/lightbox2/images/thumb-5.jpg',
'image' => 'http://www.huddletogether.com/projects/lightbox2/images/image-5.jpg',
'options' => array('title' => 'The script preloads the next image in the set as you\'re viewing.')
);
$images[] = array(
'thumbnail' => 'http://www.huddletogether.com/projects/lightbox2/images/thumb-6.jpg',
'image' => 'http://www.huddletogether.com/projects/lightbox2/images/image-6.jpg',
'options' => array('title' => 'Press Esc to close')
);
$link_options = array(
'title' => 'Lightbox2',
'slidename' => 'lightbox',
);
echo light_slideshow($images, $link_options);
?>
<br/><br/>
<h2> » For all images of the set as an html list</h2>
<ul>
<?php
$link_options = array(
'title' => 'Lightbox2-list',
'slidename' => 'lightbox_list',
);
echo light_slideshow($images, $link_options, true); ?>
</ul>
<br/><br/>
<br/>
<h2> » On one image (of the set or not)</h2>
<?php
$link_options = array(
'title' => 'Lightbox2-image',
'slidename' => 'image_link_to_lightbox_slideshow',
);
echo light_slide_image(
'http://gallery.coilblog.com/d/16-2/big_eyes_cat.jpg',
$images,
$link_options);
?>
<br/><br/>
<br/>
<h2> » On a text link</h2>
<?php
$link_options = array(
'title' => 'Lightbox2-tewt',
'slidename' => 'text_link_to_lightbox_slideshow',
);
echo light_slide_text('Click me to show the slide !!', $images, $link_options);
<br/><br/><br/>
<h1>MODAL BOX</h1>
<hr/>
<?php
// Modal Lightbox plugin test
$link_options = array(
'title' => 'sfLightboxPlugin',
'size' => '550x200',
'speed' => '6'
);
// or
//$link_options='title=sfLightboxPlugin size=450x180 speed=5';
//$link_options='title="sfLightboxPlugin" class=resizespeed_5 blocksize_450x180';
echo light_modallink(
'» Link to test the modal box «',
'sfLightboxPlugin/modal',
$link_options
);
Of course here i use external images, but you can put path related to your images directory as you would do with the standard symfony image_tag function.
You can change the class or options to adjust the wanted size or speed. You can use a route instead of a 'module/action'. Check [the official homepage of the Lightbox2 library], moreover the plugin includes a demo as a module, just enable the sfLightbox module in your settings.yml file then call the demo in your application http://www.domain.com/sfLightbox. You can also check the live demo on my http://snippets.strangebuzz.com/index.php/sfLightbox symfony blog
(check the changelog TAB since the 1.0.7 version)
LightboxHelper.php :
When creating a slideshow the caption of the images are now taken from the title attribute of each images if it exists whereas it is taken from the title attribute of the link if not (before it was always taken from the title link attribute)