Der FilePicker sucht nur relativ zum uploads-Verzeichnis.
Sonst könnte man damit den gesamten Webspace durchsuchen.
Und das sollte aus Sicherheitsgründen nicht sein.

Das <img src="..."/> musst Du selber ins Template schreiben.
Der Filepicker speichert nur den Pfad zum Bild.
Und der {content_module} Tag gibt nur aus, was gespeichert wurde.
D.h. im Template folgendes einfügen:

{content_module block="foto" module="GBFilePicker" dir="images/foto/" media_type="image" show_subdirs="true" assign="foto"}
{if $foto|strip != ''}
<div id="foto">
    <img src="{uploads_url}/{$foto|strip}" />
</div>
{/if}

Jetzt funktioniert es. So ist es wirklich perfekt, es kann auch fast nichts mehr schief gehen

Dank an alle!

Das <img src="..."/> musst Du selber ins Template schreiben.
Der Filepicker speichert nur den Pfad zum Bild.
Und der {content_module} Tag gibt nur aus, was gespeichert wurde.
D.h. im Template folgendes einfügen:

{content_module block="foto" module="GBFilePicker" dir="images/foto" media_type="image" show_subdirs="true" assign="foto"}
{if $foto|strip != ''}
<div id="foto">
    <img src="{uploads_url}/{$foto|strip}" />
</div>
{/if}

Du könntest hier auch schon die Größe des Bildes festlegen auf die es skaliert wird, wenn es hochgeladen wird und gleichzeitig, falls das Bild über anderem Wege auf den Webspace gelangt ist, mit Supersizer arbeiten:

{content_module block="foto" module="GBFilePicker" dir="images/foto" media_type="image" show_subdirs="true" force_scaling=true scaling_width=200 assign="foto"}
{if $foto|strip != ''}
<div id="foto">
    {supersizer path="uploads/$foto" overwrite=true width=200 height="auto" quality=100 no_output=true}
    <img src="{uploads_url}/{$foto}" />
</div>
{/if}

Somit kann man eigentlich fast nichts mehr falsch machen.

In der Hilfe steht geschrieben:

For designers: You can use this module in conjunction with the {content_module} tag of the CMSms core. Just place this in your template to get an additional content block that shows a filepicker in backend when editing the page: {content_module block="filepicker_block" module="GBFilePicker"}

Also in deinem Template content block mit content module ersetzen, somit wird im backend statt Editor das GBFilePicker Feld sichtbar, weitere GBFilePicker Parameter und Möglichkeiten findest Du in der Modul Hilfe.

Das ersetzen funktioniert. Die Anzeige eines hochgeladenen Bildes funktioniert nicht, es wird der Dateiname angezeigt: img7273.jpg. Daher habe ich im GBFilePicker:
{content_module block="foto" module="GBFilePicker" dir="uploads/images/foto/" media_type="image" show_subdirs="true"}
den Pfad angegeben, einmal mit 'uploads/', einmal ohne.

Mit uploads/ sieht es so aus:
Upload: Das Verzeichnis '/…/uploads/uploads/images/foto/' wurde nicht gefunden!

Ohne Angabe von uploads/ sieht es so aus:
Datei-Browser wird angezeigt, das Bild kann hochgeladen werden. Das oder die Bilder werden nicht angezeigt. Ich klicke auf das Auswahlfeld, es klappt eine Liste mit den hochgeladenen Dateien auf: img7273.jpg. Ich wähle die Datei und speichere das ganze.

In der Website siehts dann so aus: <div id="foto">images/foto/img7273.jpg</div>
Das <img src…> fehlt komplett.

CMS Version: 1.9.4.1, GBFilePicker Version: 1.3

Die Bilder werden vorab mit der Bildverwaltung hochgeladen. Im Seiteneditor besteht für den content block ein zweites Tiny Textarea, in das per klick auf den image-Button dann ein Bild ausgewählt werden kann. Hier bestehen die gleichen Möglichkeiten wie beim {content} Tag, weitere Gestaltungen wären durchaus möglich.

Schau dir mal das Backend des TinyMCE genauer an - da gibts eine Option Eine sofortige Größenänderungen der hochgeladenen Bilddateien erlauben: und die Größe kannst du auch festlegen.

Edit: übrigens kommt Supersizer in der letzten Version auch mit riesen Bilder zurecht http://www.corbensproducts.com/blog/exp … uto_memory

Hab's gestern gesehen. Allerdings kommt es hier wohl auf den Webserver an. Nicht jeder Webserver erlaubt hier Änderungen.

Also in deinem Template content block mit content module ersetzen, somit wird im backend statt Editor das GBFilePicker Feld sichtbar, weitere GBFilePicker Parameter und Möglichkeiten findest Du in der Modul Hilfe.

Wie nockenfell schon erwähnte, GBFilePicker+Supersizer kombiniert wären deine Lösung.
GBFilepicker kann Bilder verkleinern, ich kombiniere es meistens noch mit Supersizer wegen crop und fill_attr parameter.

Wie füge ich GBFilepicker im Editor dem besagten content block hinzu, und nur diesem? Beim hinzufügen eines content block im Template wird automatisch ein TinyMCE Editorfenster hinzugefügt, wie lässt sich das durch den GBFilepicker ersetzen?

Sollen es mehr Bilder sein könntest Du dafür auch Gallery Modul nehmen und Gallery Template dementsprechend erstellen.

Edit: übrigens kommt Supersizer in der letzten Version auch mit riesen Bilder zurecht http://www.corbensproducts.com/blog/exp … uto_memory

Wie gibt der Kunde die Bilder genau an? Lädt er sie in ein Contentfeld und kann nebenbei noch weiteres gestalten?

Die Bilder werden vorab mit der Bildverwaltung hochgeladen. Im Seiteneditor besteht für den content block ein zweites Tiny Textarea, in das per klick auf den image-Button dann ein Bild ausgewählt werden kann. Hier bestehen die gleichen Möglichkeiten wie beim {content} Tag, weitere Gestaltungen wären durchaus möglich.

Wie gibt der Kunde die Bilder genau an? Lädt er sie in ein Contentfeld und kann nebenbei noch weiteres gestalten?

Ich habe in einer Website einen DIV indem per {content block="foto"} über TinyMCE Fotos hinzugeladen werden sollen. Das DIV hat eine fixe Breite von 200px. Da ich weiß das mein Kunde am PC nicht wirklich begeistert ist habe ich dem DIV ein overflow: hidden hinzugefügt, da ansonsten das Layout zerstört wäre.
Jetzt werden 5MB Bilder in das DIV hochgeladen, die das Layout in der Höhe wegputzen. Ich will jetzt nicht alles auflisten, was ich versucht habe, ihm beizubringen wie man Bilder verkleinert, - es funktioniert nicht.

Gibt es eine Möglichkeit, den Upload eines Bildes für einen content block vorab zu bestimmen. Wenn nicht, gibt es vielleicht eine CSS Möglichkeit, images in einem DIV eine fixe Bildbreite (Höhe proportional) aufzuzwingen? Wobei das auch nur eine halbherzige Lösung wäre, einem 5MB image eine width von 200px aufzuzwingen. Vielleicht ein zweites image-Upload Feld mit eben genau diesen Eigenschaften für besagten content block?

Edit:
Habe es gerade per CSS fürs Aussehen gelöst:
img {border: none; width: 200px !important; height: auto !important;}

Wäre aber nach wie vor für eine echte Lösung dankbar.