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
Hallo,
Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.
Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.
Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Re: MEDIA LIST Button mit Vorschaubildern?
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?
Moin, danke für deinen Ansatz.
Auf die CSS Variante war ich garnicht gekommen, doch es braucht noch etwas jQuery:
So klappts
CSS:
JS:
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;
}
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+")");
}
});
Zuletzt geändert von morfer am 20. Mai 2015, 12:43, insgesamt 1-mal geändert.
Re: MEDIA LIST Button mit Vorschaubildern?
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
Installation:
Einfach in folgenden Ordner kopieren:
redaxo/include/addons/be_style/plugins
Unter Addons (be_style) im Backend installieren und aktivieren.
Gruß
Daniel
- Dateianhänge
-
- dw_mediafiles.zip
- (2.9 KiB) 533-mal heruntergeladen
Re: MEDIA LIST Button mit Vorschaubildern?
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):
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();
}