| 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. Features:- unterstützte Bildformate .jpg, .png und .gif 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
Installation und VerwendungEine Schritt für Schritt Anleitung zu Installation und Verwendung findet sich auf der Seite Anleitung Plugin . Demo
Einschränkungen/VorschauIn 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. VoraussetzungenDas Plugin verwendet die PHP GD library zur Generierung der Thumbnails und Bilder. KompatibilitätDas 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. LizenzDas Plugin ist unter der GNU Public License (www.gnu.org/copyleft/gpl.html) lizensiert. Version 1.3.4 - 2010-06-15 SupportFü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. DownloadDas 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. |
| Zuletzt aktualisiert am Dienstag, den 15. Juni 2010 um 20:15 Uhr |


Hallo Andreas,
ich möchte das Tool gerne einsetzen und bin vor allem mit der Dokumentation sehr zufrieden. Jetzt komme ich jedoch nicht weiter. Für meine Anforderungen sind Titel und Text sehr wichtig. Wenn ich deine Demo-Seite im IE8 anschaue,ist der Hintergrund weiss und die Schrift sehr gut lesbar. Wenn ich die gleiche Demo-Seite im FF anschauen wird der Hintergrund transparent dargestellt. Dies kann ich nicht verwenden. Im Forum habe ich den Hinweis zu becssg.css gefunden und es eingerichtet. html erkennt Datei zwar nimmt jedoch die Formatierung nicht an. Was kann ich tun?
.becssg_cap_title{line-height:20px;opacity:1;}
Danke für jegliche Unterstützung.
Hallo Heike!
Wenn möglich, dann beschreib bitte, was Du erreichen möchtest und poste einen Link zur Seite. Ich schau mir das gerne an.
Gruß
Andreas
Hello Everyone,
When i installed the plugin last week i added the images without any problems. now i want to add more images i went back but i cant seem to find where to add the images. Can someone help me put please.
Hi Abbas!
The plugin shows all of the images it finds in the given folder. This means, to add images - upload them to the folder. To remove images - delete them from the folder.
Best regards
Andreas
Hi,
Really a very nice plugin. Its awesome.
One thing I wanted to ask. In this plugin when we hover the mouse over thumbnails that image is being displayed. Can I make some changes in code and make it a slideshow till the user not hovering mouse over the thumbnails and when user hover mouse over the thumbnail that slideshow will stop and that image will be displayed.
Hi Ankit!
Of course this would be possible. Nearly everything is possible. But the main idea of this plugin is to work with X-HTML and CSS only and without any kind of script I see no way to realize the suggested feature. Therefore, this will not become part of this plugin.
Best regards
Andreas
Hello guys, good day, i need help, when i use and insert it in the article, when i clicked preview, it works but the images are scattered i believe that the problem is the CSS of this plugin. How can i solve that? THanks
Hi Ryann!
The plugin makes heavy use of absolute positioning and therefore creates most of the CSS on the fly. There is no external stylesheet. Anyway, if you provide a link to the page, I will have a look at it.
Best regards
Andreas
Awesome bit of kit - straight in and works like a dream
I like your work and use the Css Gallery.
I am wanting to make the main image change to the selected image within the gallery on click not hover? I am wanting to use this for a mobile site and the hover function isn't useful.
Thanks in advance.
Hi Iain!
The CSS Gallery uses Hover to allow the change of the main image without reload AND without JavaScript. If you want the main image to change onClick, you might want to take a look at my other gallery plugin, the "Very Simple Image Gallery" (menu at the left), it changes the main image onClick.
Best regards
Andreas
Hi Andreas,
leider habe ich auch das Problem mit der Größenänderung.
Aus 600x450 wird, wie im Namen auch sichtbar: (z.B. image01_595_446_100.jpg im /cssgallery/images-Ordner) 595x446
Zudem wird die Farbigkeit erheblich geändert. Aus meinem sRGB macht er irgend etwas anderes (werde mal testen was).
Wenn ich das berechnete Bild /cssgallery/images durch das Original mit gleichem Namen erstze ist alles perfekt, aber sehr umständlich - hast Du eine Idee?
Gruß,
Thomas
Hallo Thomas!
Bislang ist es mir nicht gelungen, das nachzustellen. Könntest Du mir die Einstellungen des Plugins im Backend mitteilen und mir ein oder zwei der betroffenen Bilder zukommen lassen (Link, Email)?
Gruß
Andreas
I was hosting the website locally but when i moved to godaddy i got this message:
CSS Gallery:
Could not find folder /home/content/w/a/t/watertecsadmin/html/images/stories/projects/reverse_osmosis
It was working fine on xampp but now i dont know what's wrong although the path is coorect and nothing was touched in there!!
Any Ideas
Hi Khalid!
If the folder exists and the path is correct, maybe there is a problem with the directory permissions that prevents the plugin from "seeing" the folder. Check the permissions (755 for the folder, 644 for the images). If the permissions are fine and the problem persists, try to open one of the images directly from your browsers address bar (http://www.yoursite.com/images/stories/projects/reverse_oosmosis/YOURIMAGE.JPG). If this works too (i.e. everything is fine) and the problem still persists - please provide a link to the page.
Best regards
Andreas
Hi everyone!
I have no idea how to add the caption to the every single image... Does any can help?
Thanks!!!
Hi Barb!
Have a look at the page "Howto Plugin Code" (menu at the left), part C.) captions. It explains the feature in detail.
Best regards
Andreas
Hi
Gallery is good. I have a problem. I upload an image of 680 by 500 pixels. Options also 680 by 500 pixels. The program modifies the output of the image to 679 by 499 pixels. You can output the original image without changing the pixels?
Thank you.
Hi Serg!
This should not happen. Could you provide a link to the page please?
Best regards
Andreas