Seite 1 von 1
MEDIA LIST Button mit Vorschaubildern?
Verfasst: 20. Mai 2015, 11:02
von morfer
Hallo,
ich sitze aktuell an einem Projekt, in dem ich mit vielen Bildern und MEDIA LIST BUTTONS arbeite. Nun kann man ja mit preview=1 eine Vorschau der Bilder aktivieren. Ich finde diese Lösung bei Bilderlisten jedoch sehr mühsam und unzumutbar für den Redakteur, da man immer erst das Bild anklicken muss.
Ist es möglich ein kleines Vorschaubild mit in die Liste vor den Dateinamen einzublenden? Hat das schon mal jemand gemacht oder ist es geplant für Redaxo 5?
Ich würde mich sonst selber mal an die Core Datei setzten und das umschreiben. Ist zwar ein No Go, aber so kann ich die Seite nicht dem Kunden übergeben.
LG Daniel
Re: MEDIA LIST Button mit Vorschaubildern?
Verfasst: 20. Mai 2015, 11:06
von RexDude
Schreib doch kurz ein kleines Miniplugin für das Backend Utilities Addon z.B. welches einfach ne CSS Datei einbindet wo du dann die Styles überschreibst so dass die Bilder immer aufgeklappt sind und vielleicht halt etwas kleiner noch machen.
Re: MEDIA LIST Button mit Vorschaubildern?
Verfasst: 20. Mai 2015, 11:46
von morfer
Moin, danke für deinen Ansatz.
Auf die CSS Variante war ich garnicht gekommen, doch es braucht noch etwas jQuery:
So klappts
CSS:
Code: Alles auswählen
.rex-widget-preview-image-manager option {
-webkit-background-size:contain;
background-size:contain;
background-repeat:no-repeat;
padding: 10px 5px 10px 60px;
}
JS:
Code: Alles auswählen
jQuery(".rex-widget-preview-image-manager option").each(function() {
var bildUrl = "../files/" + jQuery(this).val();
if (/.jpg|.jpeg|.gif|.png/.test(bildUrl.toLowerCase())) {
jQuery(this).css("background-image","url("+bildUrl+")");
}
});
Re: MEDIA LIST Button mit Vorschaubildern?
Verfasst: 20. Mai 2015, 11:48
von RexDude
Cool
Re: MEDIA LIST Button mit Vorschaubildern?
Verfasst: 20. Mai 2015, 12:45
von morfer
Hier das Plugin für Alle
Die CSS Datei muss evtl. noch individuell angepasst werden. So gehts erst mal...
Installation:
Einfach in folgenden Ordner kopieren:
redaxo/include/addons/be_style/plugins
Unter Addons (be_style) im Backend installieren und aktivieren.
Gruß
Daniel
Re: MEDIA LIST Button mit Vorschaubildern?
Verfasst: 20. Mai 2015, 13:00
von morfer
So ein Mißt, wenn man nun neu sortiert, verschwinden die Vorschaubilder wieder. Da muss ich noch mal ran...
Schneller Fix (Erweitere die writeREX Funktion):
Code: Alles auswählen
function show_dw_thumbs () {
jQuery(".rex-widget-preview-image-manager option").each(function() {
var bildUrl = "../files/" + jQuery(this).val();
if (/.jpg|.jpeg|.gif|.png/.test(bildUrl.toLowerCase())) {
jQuery(this).css("background-image","url("+bildUrl+")");
}
});
}
show_dw_thumbs();
function writeREX(id, i_list, i_select)
{
var v_list = i_list+id;
var v_select = i_select+id;
var source = document.getElementById(v_select);
var sourcelength = source.options.length;
var target = document.getElementById(v_list);
target.value = "";
for (i=0; i < sourcelength; i++) {
target.value += (source[i].value);
if (sourcelength > (i+1)) target.value += ',';
}
show_dw_thumbs();
}
Re: MEDIA LIST Button mit Vorschaubildern?
Verfasst: 20. Mai 2015, 13:41
von Ingo