Benutzerbild "Popup"

Nimm das Modul Thickbox mit den Abhaengigkeiten der Module Image und Image Cache.

Damit geht das was Du willst.

-------------
quiptime

Nur tote Fische schwimmen mit dem Strom.

füge einfach die css Klasse "thickbox" zu deinem image hinzu und es geht einwandfrei

Werden dann größere Benutzerbilder gespeichert, als im Profil angezeigt werden? Dafür muss doch auch Code geschrieben werden, ich nehme an, dass das in dem Modul "thickbox" nicht enthalten ist, oder?

Denn es macht doch keinen Sinn, auf ein Benutzerbild zu klicken, ein schönes modernes "Popup" zu halten (wo der Hintergrund dunkler wird) und das Popup dann exakt gleich groß ist wie das Benutzerbild selbst. Es muss größer sein!!!

Sprich ein Modul müsste im Profil Benutzerbilder kleiner anzeigen, als sie als Dateien vorliegen und beim draufklicken die volle Datei darstellen.

Gibt es dafür schon ein Modul?
Oder kann diese Funktionalität irgendwie erreichen?
Vielen Dank.

Thickbox kann mit Image Cache zusammenarbeiten.

In der Administration von Image Cache definierst Du ein "Preset namespace". Z. Bsp. mit der Bezeichnung "Profilimage". Dann konfigurierst Du das Preset mit "Scale" und gibst als Bildmasse 100 und 100 an.
Wenn man nun ein Bild größer 100x100 einfügt wird von Thickbox das größere Bild angezeigt. Ist das größere Bild sehr groß dann übernimmt Thickbox auch die automatische Skalierung bei der Anzeige wenn das Browserfenster klein ist.

Wenn Du ein Profilbild einfuegst empfiehlt sich noch das Modul CCK. In CCK kannst Du ein Imagefeld definieren. Dem wird das zuvor in "Image Cache" definierte Preset "Profilimage" zugewiesen. Als "Image path" definierst Du beispielsweise "profilimages".

Wenn Du Dir den HTML-Quellcode eines deart eingefügten Bildes ansiehst würde das so aussehen:

<a href="http://www.deine-website.de/files/profilimages/bla-profil.jpg" title="bla profil" class="thickbox" rel="Profilimage">

Und wenn Du nun fragst: Wie kann ich einem Profil ein CCK-Feld zuweisen?

Dann musst Du noch das Modul "Usernode" installieren. Mit "Usernode" kann man einem beliebigen Inhaltstyp den Status eines Profil zuweisen. In diesem beliebigen Inhaltstyp kannst Du ein CCK-Feld vom Typ Image definieren.

Damit hat sich dann der Kreis der Module "Thickbox", "Image Cache", "CCK" und "Usernode" geschlossen.

Das contributed Modul "Usernode" und das core Modul "Profile" arbeiten zusammen bzw. ergänzen einander.
Infos dazu kannst Du in der Dokumentation von Usernode lesen. Usernode ist sehr gut (Step by Step) dokumentiert.
Das zu lesen musst Du selbst tun. Sonst müsste ich Dich an der Hand nehmen.

-------------
quiptime

Nur tote Fische schwimmen mit dem Strom.

Vielen Dank.
Das klingt aufwändig.

Toll wäre halt, wenn es eine Beispielseite gäbe, wo genau so eine Lösung installiert ist mit Drupal.

Schaut das dann so aus:
http://www.wolke7.com/index.php?action=gallery.view&gid=79&id=30
Ich hätte gerne, dass das "Popup" so ausschaut wie bei diesem Link, also so dass zuerst Sternchen beim Laden zu sehen sind und der untere Teil erst danach aufklappt. Oder ist diese Seite eine Joomla-Seite und die verwendet wieder eine andere Lösung?

Man,

Du stellst Dich aber auch an.

Wenn Du mal in den Quelltext der Seite gesehen hättest dann würdest Du die Lösung für Deine Drupalinstalltion bereits kennen. Ich meine, Du würdest wissen was da die Bilder anzeigt und daraus abgeleitet würdest Du wissen welches Drupal Modul Du verwenden kannst.

Du weißt was ich mit Quelltext meine?

Wenn nun der Quelltext für Dich ein böhmisches Dorf ist hier die Stelle im Quelltext die Dir sagt wovon ich voran gesprochen habe:

<script type="text/javascript" src="system/modules/lightbox/js/lightbox.js"></script>

-------------
quiptime

Nur tote Fische schwimmen mit dem Strom.

Verstehe nicht, was Du meinst, ich glaube wir reden von verschiedenen Dingen.

Ich wollte eine Drupal-Seite (Community oder andere Seite) finden, in der das schon verwendet wird um die Usability und das Aussehen ansehen zu können.

Ich werd's bestimmt austesten, sobald ich dazukommen (ganz bald), wer eine Seite kennt, wo das schon umgesetzt ist, einfach posten.
Vielen Dank.

Davon spreche ich:

Es spielt keine Rolle ob das eine Drupalseite ist, die Du in dem Link benennst. Von der eingesetzten Technik mit den Bildern auf dieser Seite gibt es ein Drupal-Modul.

Reicht Dir der Hinweis nicht aus? Warum willst Du nun noch 'ne Drupalseite sehen die das Modul verwendet? Davon gibt es sicher Einige.
Nimm doch einfach das Modul und probiere es in Deinem Drupal aus.

-------------
quiptime

Nur tote Fische schwimmen mit dem Strom.

Ich verstehe jetzt, was Du meinst.

Allerding das Beispiel von wolke7 sieht anders aus, als das Beispiel der anderen Links hier und ich wollte eigentlich nur sagen, dass mir das Beispiel auf wolke7 besser gefällt (ist aber sicher Ansichtssache).

Bin mir aber nicht sicher, ob der JavaScript-Teil, der eben den Popup-Effekt macht, auf wolke7 die selbe Software ist als die, die hier im Drupal-Modul verwendet werd, oder ob das eine andere Lösung von einem anderen Programmierer. Mir würd halt die version von wolke7 besser gefallen, wenn jemand weiß, wie ich genau diese version einbauen kann, dann wär das genau das, was ich gemeint habe, wär toll.

Vielen Dank.

Was glaubst Du wovon ich da rede? Von wolke7.

Es ist zwecklos. Wir Beide reden aneinander vorbei. Ich verabschiede mich aus diesem Thread. Wird mir zu komisch.

-------------
quiptime

Nur tote Fische schwimmen mit dem Strom.

Hi ,
warum nicht das Modul http://drupal.org/project/thickbox und dann sich anschauen unter http://jquery.com/demo/thickbox/ wie man damit arbeitet. Besser kann man es ja schon nicht mehr haben. oder habe ich was falsch verstanden ???

MfG

Michael Finger
Holztechniker

Ja, ich werde das ja bald einsetzen und testen, ich meinte nur, dass das Ergebnis (also das Popup) anders aussieht aus bei wolke7 und mir das Ausehen auf wolke7 sehr gut gefällt und ich nicht weiß, ob ich mit diesem Modul auch so ein Aussehen wie auf wolke7 zustande bringe oder eben nicht.

Vielen Dank für die tolle Anleitung!!! Das hat mir wirklich sehr geholfen.

Ich habs jetzt mal ohne Usernode eingebaut in den Profilfeldern und in den Views-Listen einzubauen wird glaub ich nicht schwer, weil dort ja kein Popup kommen soll.

Jetzt habe ich noch folgendes Problem:
Bei den Imagecache presets gibt es diese tolle Möglichkeit, Bilder unterschiedlich zu verkleinern mit "Scale", "Resize" und "Crop".

Ich möchte, dass alle verkleinerten Bilder (durch imagecache) in diesem Fall immer quadratisch sind, z. Bsp. 150x150px.

Dabei sollte von einem hochgeladenen Userfoto, das in den meisten Fällen rechteckig statt quadratisch sein wird, zunächst die lange Seite gekürzt werden, so dass das Bild quadratisch (oder fast quadratisch) wird. Dann noch das ganze Bild um zb 10% Beschneiden, damit weniger Hintergrund zu sehen ist. Und dann das Bild noch verkleinern auf exakt 150x150px.

Ich denke, das verkleinern läßt sich gut machen, aber nicht das Abschneiden der längeren Seite eines rechteckigen Bildes, oder?

Geht das mit dem jetzigen Modul imagechace, dass man immer quadratische thumbs erhält? Wenn ja wie? Natürlich ohne das Bild zu stark zu zerren, gezerrt werden sollte es nur dann, wenn jemand ein Bild kleinder als 150x150 hochlädt, andernfalls sollte es immer beschnitten werden.

Wenn nein, welche Erweiterung bei welchen Hook-Funktionen müsste man denn Einbauen (brauch nur tipps, programmier das dann selbst aus, aber weiß nicht genau wo das reinkommt).

Vielen Dank!!!!

Ich glaube, es läuft darauf hinaus, zuerst vom großen hochgeladenen Bild die längere Seite zu kürzen, so dass das Bild quadratisch ist.

alles andere kann mit den imagecache funktionen danach gemacht werden (10% abschneinen, auf 150x150px resizen).

Hat jemand eine Idee, wie ich das Abschneiden der längeren Seite zu einem Quadrat realisieren könnte?

Vielen DANK!

Bitte lese Dir mal genauer in der Administration von Image Cache bei der Definition eines Preset die verschiedenen Moeglichkeiten der Groessenaenderung von Bildern durch.

Scale to fit:
# Inside dimensions: Final dimensions will be less than or equal to the entered width and height. Useful for ensuring a maximum height and/or width.
# Outside dimensions: Final dimensions will be greater than or equal to the entered width and height. Ideal for cropping the result to a square.
 

to a square - zu einem Quadrat
 

Und dann noch.

Add a new action:
# Scale: Resize an image maintaining the original aspect-ratio (only one value necessary).
# Resize: Resize an image to an exact set of dimensions, ignoring aspect ratio.
# Crop: Crop an image to the rectangle specified by the given offsets and dimensions.

-------------
quiptime

Nur tote Fische schwimmen mit dem Strom.

Danke, als ich den PC ausgeschaltet hatte, dachte ich mir noch, dass müsste doch gehen ...

Und dann dein Hinweis, jetzt klappts:
- mache zuerst ein Scale 155x155 mit outside dimensions
- danach ein Crop 150x150

Es klappt wunderbar, vielen Dank.

Leider ist die Qualität der Bilder sehr schlecht, wenn man imagecache kleine Bilder/Thumbnails (z.Bsp. von den Userfotos) in der Größenordnung 65x65 Pixel macht. Bei mir sind die jpeg-Thumbnails sehr "verrieselt", eben wie ein kleines jpeg-Bild mit geringer Qualität.

Kann man die Qualität der kleinen Imagecache-Bilder erhöhen?
Wie??? Gibt es dafür eine Einstellmöglichkeit oder müsste man den Sourcecode erweitern oder "überschreiben"????

Vielen Dank.

Ich habe jetzt selbst herausgefunden, dass man die Bildqualität von jpeg-Bildern generell einstellen kann unter

admin/settings/image-toolkit

Ist das die einzige Möglichkeit?
Jedenfalls werden dann die größeren imagecache-Bilder, deren Qualität ja passt, größer und brauchen mehr Speicherplatz.

Ein Problem ist noch aufgetaucht:
Wenn ein User ein Bild kleiner als 150x150px hochlädt, dann funktioniert das Resize nicht, weil anscheinend die Crop-Funktion vorher bereits das Bild vergrößert auf 150x150, aber leider durch Hinzfügen einer Schwarzen Fläche rund ums kleine Bild.

Habe keine Möglichkeit gefunden, ein kleines Bild zusätzlich noch auf 150x150 zu vergrößern, wobei die andere Funktionalität erhalten bleiben muss. Nur Vergrößern mit Resize geht natürlich problemlos.

Gibt's da noch eine Lösung? Oder kann man den das zu kleine Bild erweiternde Hintergrund nicht weiß machen statt schwarz?

Vielen Dank.

Da kommt bei mir das Problem auf:
Wie definiere ich ein Imagefeld? Wie weiße ich ddem das "Profilimage" zu?