Startseite Joomla CSS Gallery
2010-03-11
Joomla: CSS Gallery
Geschrieben von: Andreas Berger   
Sonntag, den 14. Dezember 2008 um 12:07 Uhr

Das bretteleben.de "CSS Gallery" Plugin für Joomla! 1.5 ist ein einfach zu konfigurierendes Plugin, das es erlaubt, eine Galerie mit Thumbnails in einem Beitrag anzuzeigen. Die Besonderheit bei diesem Plugin ist, dass es nur mit X-HTML und CSS arbeitet und gänzlich auf JavaScript, Flash oder sonstige Scripts und Player verzichtet.
Beim ersten Aufruf werden im angegebenen Ordner zwei Unterordner angelegt. In einem speichert das Plugin die Thumbnails, im anderen die Bilder. Skaliert wird jeweils entsprechend den eingestellten Vorgaben. Die Originalbilder bleiben unverändert.
Das Plugin prüft bei jedem Aufruf, ob die gespeicherten Bilder/Thumbnails noch den eingestellten Parametern entsprechen. Hat man etwas geändert, dann werden aus den Originalen neue Bilder und Thumbnails erzeugt.

Features:

- unterstützte Bildformate .jpg, .png und .gif
- im Beitrag positionierbar (links, rechts, zentriert, float links, float rechts)
- beliebig viele Galerien in einem Beitrag
- jede einzelne Galerie beliebig konfigurierbar(Parameter Overrides)
- zu jedem Bild kann Titel und Text angezeigt werden (Captions)
- optional ist ein Titel/Text für die gesamte Galerie möglich
- jedes Vorschaubild kann gesondert verlinkt werden (Links)
- optional ist ein Link für die gesamte Galerie möglich
- voll funktionsfähig ohne JavaScript

Neu in Version 1.3.2:

- Bildnamen im Code für Links und Captions caseINsensitive

Neu in Version 1.3.0:

- zusätzliche Optionen bei Ausrichtung: float:left, float:right
- Bilder sortierbar A-Z, Z-A, alt-neu, neu-alt, zufällig
- Parameter "limitstart" in onPrepareContent auf "0" um Fehlermeldungen mit div. content2module-Erweiterungen zu vermeiden
- Thumbnails unterstützen transparente GIFs und PNGs
- jedes Thumbnail kann gesondert verlinkt werden
- das "target" Attribut ist für jedes Bild frei wählbar
- optional kann ein Link für die gesamte Galerie festgelegt werden

 

Installation und Verwendung

Eine Schritt für Schritt Anleitung zu Installation und Verwendung findet sich auf der Seite Anleitung Plugin .
Die Optionen beim Aufruf aus dem Artikel selbst auf der Seite Anleitung Plugin Code .

Demo

Anleitung Plugin Anleitung Plugin Anleitung Plugin Anleitung Plugin Anleitung Plugin Anleitung Plugin Anleitung Plugin Anleitung Plugin Anleitung Plugin Anleitung Plugin

Einschränkungen/Vorschau

In der aktuellen Version des Plugins ist ein Script für den gesamten Ablauf zuständig. Das kann bei sehr großen Originalbildern beim Skalieren dazu führen, dass die maximale Laufzeit für Scripts überschritten wird und PHP das Script mit einem Fehler beendet. In diesem Fall reicht es, die Seite ein oder zwei mal neu aufzurufen. Dann sind alle Bilder skaliert. Das tritt nur bei der Einrichtung einer Galerie auf, den Seitenbesucher trifft das nicht.

Nicht alle Browser unterstützen die Funktionalität, das Startbild beim Überfahren der Galerie auszublenden. Dieses Feature funktionert unter IE7, IE8b, FF und Opera. Google Chrome, Safari und IE bis 6 unterstützen es nicht.
Von Bedeutung ist das nur dann, wenn man in einem Set Bilder verschiedener Größe verwendet (z.B.: Landscape und Portrait). In diesem Fall sollte das erste Bild eines derer sein, die die eingestellte Galeriefläche nicht voll ausnützen, damit es bei der Anzeige weiterer gleich großer Bilder von diesen verdeckt wird.

Voraussetzungen

Das Plugin verwendet die PHP GD library zur Generierung der Thumbnails und Bilder.

Kompatibilität

Das Plugin ist unter Joomla! 1.5.6, 1.5.9 und 1.5.15 erfolgreich getestet, das Zusammenspiel mit den verschiedensten anderen Erweiterungen mag aber Probleme mit sich bringen. Ich empfehle einen Testlauf vor dem Einsatz auf einer aktiven Seite und stehe für Fragen und Anregungen immer gerne zur Verfügung.

Lizenz

Das Plugin ist unter der GNU Public License (www.gnu.org/copyleft/gpl.html) lizensiert.

Version 1.3.3 - 2010-02-12

- behebt ein Problem mit Templates, die mit Artisteer erzeugt wurden

Support

Für Fragen und Anregungen steht die Kommentarfunktion zur Verfügung.

Wer die Erweiterung nutzt den bitte ich, sie auf extensions.joomla.org zu bewerten und einen Erfahrungsbericht zu posten. Darüber hinaus freue ich mich über jeden, der die Möglichkeit findet, mich durch einen Link zu www.bretteleben.de auf seiner Webseite zu unterstützen. Das Plugin selbst produziert keine versteckten Links oder sonstige Nettigkeiten welcher Art auch immer.

Download

Das ZIP-Archiv enthält das Plugin, mit dem Download erklären Sie sich mit den Bestimmungen der GNU Public License einverstanden. Das ZIP kann als Neuinstallation und als Upgrade genutzt werden.

Downloads:
DateiZuletzt bearbeitet
Diese Datei herunterladen (plugin_becssg_1.3.3.zip) plugin_becssg_1.3.3.zip2010-02-12
Zuletzt aktualisiert am Freitag, den 12. Februar 2010 um 22:19 Uhr
 
Kommentare (272)
@Brett
272 Samstag, den 06. März 2010 um 19:50 Uhr
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 Freitag, den 05. März 2010 um 10:19 Uhr
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 Donnerstag, den 04. März 2010 um 21:42 Uhr
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 Donnerstag, den 04. März 2010 um 21:34 Uhr
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 Donnerstag, den 04. März 2010 um 21:28 Uhr
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 Donnerstag, den 04. März 2010 um 21:25 Uhr
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 Donnerstag, den 04. März 2010 um 15:18 Uhr
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 Donnerstag, den 04. März 2010 um 11:01 Uhr
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 Donnerstag, den 04. März 2010 um 08:47 Uhr
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 Donnerstag, den 04. März 2010 um 07:49 Uhr
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..
Deutsch
Neueste Beiträge
AddThis Social Bookmark Button
Panoramic Image Viewer
Wer ist online
Wir haben 52 Gäste online