WBCE CMS Forum

byteworker

Mitglied

Minigalerie etwas aufpeppen

Die Minigallery v2 von Ruud (www.dev4me.nl) ist inzwischen eine gut ausgebaute Alternative für die RfG geworden. Es geht einen Uploader, Bilder per drag-n-drop verschieben und man kann Caption Texte je Bild anfügen.

https://dev4me.com/modules-snippets/ope … gallery-v2

Ich habe für ein Projekt das Modul etwas aufgehübst und würde Euch gern die Erweiterung in der frontend.css der Minigallery zeigen.

https://werker-hausverwaltung.de/pages/ … renzen.php

an die frontend.css habe ich dies angehängt:

[== CSS ==]

/**** aufgebretzelt ****/

.flex-images .item {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.flex-images .item img {
    	-webkit-transform: scale(1);
    	-moz-transform: scale(1);
    	-ms-transform: scale(1);
    	-o-transform: scale(1);
    	transform: scale(1);
    		transition: 1s all; 
}
.flex-images .item img:hover {
	-webkit-filter: brightness(1.1) contrast(1.2);
	filter: brightness(1.1) contrast(1.2);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
    	transition: all 0.5s ease-in-out 0s;
}

Der Box Shadow verursacht den kl. Schatten um die Bilder. Die beiden neuen Einträge darunter den Hovereffekt.

Und wenn man in der 2. Zeile der frontend.css etwas am Margin verändert (10px) hat man mehr Abstand zw. den Vorschaubildern.

[== CSS ==]
.flex-images .item { float: left; margin: 10px; background: #eee; box-sizing: content-box; overflow: hidden; position: relative;  }

---

= Templates für WBCE

better-work

Mitglied

Re: Minigalerie etwas aufpeppen

Kann man machen, allerdings kannst Du dann die Bilder nicht per Wischgeste weiterblättern, was ich persönlich bei der RFG ziemlich cool finde.
Mittlerweile haben wir ja auch ein deutschsprachiges Interface für den Bilder Upload, also von daher auch sehr Benutzerfreundlich...

---

Gruß Jörg

byteworker

Mitglied

Re: Minigalerie etwas aufpeppen

Hallo Jörg:

https://addons.wbce.org/pages/addons.ph … m&item=135

---

= Templates für WBCE