Home Joomla CSS Gallery
2010-03-12
Joomla: CSS Gallery
Written by Andreas Berger   
Sunday, 14 December 2008 12:07

The bretteleben.de "CSS Gallery" Plugin for Joomla! 1.5 is an easy to configure plugin, that enables you to display a gallery with thumbnails in a content item. Unlike other gallery-plugins the CSS Gallery works with pure X-HTML and CSS without JavaScript, Flash or any other script/player.
When called first, the plugin creates to subfolders in the referenced folder. In one of them the plugin stores the scaled images, in the other the scaled thumbnails. Scaling follows your settings, the original images stay untouched.
Whenever called, the plugin checks, if the stored files still match your settings. If you have changed your settings, the plugin creates the corresponding images/thumbnails automatically.

Features:

- supports .jpg, .png und .gif
- can be aligned in your content item left, right, centered, float left or float right
- as many galleries per content item as you want
- every gallery can be configured individually (Parameter Overrides)
- optional show title and/or text with every single picture (Captions)
- optional show default title/text for the whole gallery
- optional link every single thumbnail to a different target (Links)
- optional use a default link for the whole gallery
- works without JavaScript

New in Version 1.3.2:

- image file names in calls for links and captions are caseINsensitive

New in Version 1.3.0:

- additional options to align: float:left, float:right
- sort images A-Z, Z-A, old-new, new-old, random
- set parameter "limitstart" in onPrepareContent to "0" to avoid errors when used with different content2module-extensions
- creating thumbnails supports transparent GIFs and PNGs
- possibility to link each single thumbnails
- set the "target" attribute for every single link
- option to use a default-link for a whole gallery


Installation and Usage

A step by step tutorial on installation and usage can be found at Howto Plugin .
The possibilities the code inside the article offers can be found at Howto Plugin Code .

Demo

Howto Plugin Howto Plugin Howto Plugin Howto Plugin Howto Plugin Howto Plugin Howto Plugin Howto Plugin Howto Plugin Howto Plugin

Limitations/Preview

This version of the plugin uses one script, doing the whole work. This may cause - when using very large image-files - the maximum execution time of PHP to be exceeded on your server. If this happens, the script fails with an error.

In this case, just refresh the page one or two times. This should be enough to get all images scaled. As soon as the plugin in configured and all images are scaled, everything works fine and your visitors will not be affected.

Not all browsers support the feature of hiding the main image on mouse:hover. This works with IE7, IE8b, FF and Opera. Google Chrome, Safari and IE up to version 6 don“t.
This is of relevance only if you have images with different proportions (width<>height) in one set. In this case the first image should be one, that does not use the full given space, this way ensuring, that it is covered by the other images.

Requirements

The plugin requires the PHP GD library to generate the thumbnails and images.

Compatibility

The plugin is tested successful with Joomla 1.5.6, 1.5.9 and 1.5.15. Anyway, using it aside with one or another existing plugin/modul/component may bring to light problems i haven't foreseen.
I suggest a test run before using it on a live site and stand by for your questions and suggestions.

License

The plugin is licensed under the GNU Public License (www.gnu.org/copyleft/gpl.html).

update Version: 1.3.3 - 2010-02-12

- fixes an incompatibility with Artisteer-created templates

Support

If you have questions or suggestions, please use the comment-function.

If you use this extensions, please post a rating and a review at extensions.joomla.org. Furthermore I appreciate everyone, supporting me with a link back to www.bretteleben.de on his/her website. The extension itself does not produce any hidden links, eastereggs or whatever.

Download

The ZIP-archive contains the plugin, by downloading it you agree to the terms of the GNU Public License. The ZIP-archive can be used for both new installation and upgrade.

Downloads:
FileLast Modified
Download this file (plugin_becssg_1.3.3.zip) plugin_becssg_1.3.3.zip2010-02-12
Last Updated on Friday, 12 February 2010 22:19
 
Comments (272)
@Brett
272 Saturday, 06 March 2010 19:50
A. Berger
Hi Brett!

Joomla! provides hooks that allow plugins to write data to the head of the page. The CSS Gallery uses this functionality to place CSS where it belongs.
The problem: Your template ignores this essential functionality of Joomla! and does not load the Joomla! head data.
This causes the plugin to fail.

I would suggest to either add the snippet to include head data (not only for this plugin but for a lot more of functionality) or to switch to another template the allows Joomla! to work as designed.

Best regards
Andreas
Link to the problem :(
271 Friday, 05 March 2010 10:19
Brett
http://throughtragedy.com/index.php?option=com_content&view=article&id=62&Itemid=68

Here is the issue I had asked about previously. Sorry if it's a simple fix, I'm
still a no0b.
@Lee
270 Thursday, 04 March 2010 21:42
A. Berger
Hi Lee!

You don't have a problem with this particular plugin but with the directory permissions on your server.
To solve this problem, first check the current directory permissions: Joomla! backend > Help > System Info > Directory permissions. Everything should be green (writable) there.
If everything looks fine and the error persists, check if you have activated the Joomla! FTP layer: Joomla! backend > Site > Global Configuration > Server > FTP. If it is activated, deactivate it and check the gallery again. If it works now - fine.
If it doesn't (or if the FTP layer has been deactivated from the beginning), activate it and try to configure it properly. A nice Howto can be found at forum.joomla.org in the article of the user Degira:

http://forum.joomla.org/viewtopic.php?f=431&t=314112&p=1382452#p1382452

Best regards
Andreas
@Brett
269 Thursday, 04 March 2010 21:34
A. Berger
Hi Brett!

If you haven't already switched to another plugin, provide a link to the page - I will have a look at it.

Best regards
Andreas
@Suzanne
268 Thursday, 04 March 2010 21:28
A. Berger
Hi Suzanne!

No, not up till now. If such a layout is needed for your project, you may want to have a look at the "very Simple Image Gallery" (menu at the left), it offers the feature to display the thumbs at the right.

Best regards
Andreas
@chanti
267 Thursday, 04 March 2010 21:25
A. Berger
Hi chanti!

If your images are at /images/stories/school_gallery, give {becssg}school_gallery{/becssg} a try.

Best regards
Andreas
Error during install
266 Thursday, 04 March 2010 15:18
Lee
Tried several ways to install the .zip file and also in the unpacked form. Always got an error of some sort ... when I tried to point to the .zip file location URL it tries to unpack and install but gives this error ..

Warning: file_put_contents(/home2/elton53/public_html/tmp/090_plugin_becssg_1.3.3.zip) [function.file-put-contents]: failed to open stream: Permission denied in /home2/elton53/public_html/content/libraries/joomla/filesystem/file.php on line 298

Looks like a nice plugin, I'm certain the problem is on my end. Thanks for putting your effort into this.
I can't get it to work :(
265 Thursday, 04 March 2010 11:01
Brett
I've installed the plug-in correctly, and created a folder
will the photos. I've tried adjusting every setting and
I keep getting the same issue.

When I go to the article on the front end that contains
the photo gallery, it displays all of the thumb nails
with a space between them linked to the larger image.

The larger images are ALL displayed underneath the thumb
nail images. Adjusting the Height and Width affects both
the size of the thumb nails and full sized images.

Any Suggestions? Thanks.. I'm about to get a different
plug-in
Thumbnails on left or right side?
264 Thursday, 04 March 2010 08:47
Suzanne
Is there any way I can configure the CSS gallery so the thumbnails appear on the left or right side? Love your plugin btw!
code for calling gallery by using CSSGALLERYB plugin
263 Thursday, 04 March 2010 07:49
chanti
hi,

path : stories/school_gallery

please send me the code for calling this gallery.everything was successful.

rightnow i am using this code

{becssg}cssgallery{/becssg}...


when i used the above code, tha page has display same text...no gallery..plz modify this one..