Gallery mit Views: Über unschöne Vorschaubilder und lightbox2

am 24.04.2013 - 13:49 Uhr in
Hallo zusammen,
ich habe hier ein vermutlich wenig exotisches Problem mit einer Bildergallerie. Ich habe einen Inhaltstyp "Foto" angelegt, in dem man ein Bild hochladen muss. Alles default, alles easy.
Mit views habe ich eine Gallery gebaut, die über einen neuen Bildstil quadratische Vorschaubilder zeigt (siehe http://cdwilde.de/de/gallery) - somit haben alle Vorschaubilder die gleiche Größe.
Nun ist es aber so, das über den Bildstil "Skalieren und zuschneiden" immer ein Ausschnitt in der Bildmitte erzeugt wird, was bei Portaits zu abgeschnittenen Köpfen und sowas führt (siehe http://cdwilde.de/de/album/veranstaltungen-festivitaeten-konzerte-theate...). Um das zu verhindern habe ich einen neuen Inhaltstyp angelegt, in dem man Vorschaubild und Foto getrennt hochladen kann. Damit sieht die Gallery schon deutlich besser aus. Allerdings will ich das volle Bild per lightbox2 sehen und da funktioniert das ganze nicht mehr.
Das Modul lightbox2 kann nur auf die Bildstile innerhalb eines Feldes angewendet werden, nicht aber von mehreren.
Meine Frage ist jetzt folgende:
- Gibt es Modul wie lightbox2, was mit mehreren Feldern arbeiten kann (from preview in Feld "Foto1" to 1000px in Feld "Foto2")?
- Oder gibt es eine Möglichkeit einen Bildstil erzeugen, bei dem man beim zuschneiden den Ausschnitt ändern kann?
Danke und Gruss
Thomas
- Anmelden oder Registrieren um Kommentare zu schreiben
Versuch mal bei dem Bildstil
am 24.04.2013 - 23:43 Uhr
Versuch mal bei dem Bildstil zuerst skalieren, nur mit der Höhe und die Breite freilassen. Dann als zweites skalieren und zuschneiden auf die gewünschten werte. Dann sollte nur links und rechts abgeschnitten werden,
also sowas geht auf jeden
am 25.04.2013 - 07:34 Uhr
also sowas geht auf jeden fall mit colorbox_node
da kannst du einen trigger auf das korrekte thumb setzen, und die vergrößerung mit dem richtigen bild überschreiben
oder wie oben beschrieben mit den bildstil... sollte gehen
C.A.W. Webdesign

besser....
am 25.04.2013 - 16:27 Uhr
Versuch mal bei dem Bildstil zuerst skalieren, nur mit der Höhe und die Breite freilassen. Dann als zweites skalieren und zuschneiden auf die gewünschten werte. Dann sollte nur links und rechts abgeschnitten werden,
Danke für den Hinweis, das sieht schon etwas besser aus. So sind die Köpfe drauf, aber links und rechts habe ich jetzt schwarze Ränder.
Ideal wäre in der Tat die Möglichkeit den Bereich des Zuschnittes individuell einzustellen, aber da gucke ich mir wohl besser mal colorbox an.
Danke und Gruss
Thomas
--
In the Long Run, We Are All Dead
Mit dem Modul "Imagecache
am 25.04.2013 - 17:51 Uhr
Mit dem Modul "Imagecache Actions" kannst du über den "Aspect Switcher" zwei verschiedene Imagecaches anlegen. Einmal für Hochformat und einmal für Breitformat.
Je nach Bildtyp verwendet Drupal dann automatisch die korrekte Action ... und schneidet die Bilder sehr gut zu - ohne dass schwarze Ränder, halbe Köpfe oder ähnliches auftreten.
http://drupal.org/project/imagecache_actions
Edit:
Eine andere Alternative wäre das hier http://drupal.org/project/imagecache_proportions
Drupal rockt!!!
Ionit schrieb Mit dem Modul
am 25.04.2013 - 18:21 Uhr
Mit dem Modul "Imagecache Actions" kannst du über den "Aspect Switcher" zwei verschiedene Imagecaches anlegen. Einmal für Hochformat und einmal für Breitformat.
Je nach Bildtyp verwendet Drupal dann automatisch die korrekte Action ... und schneidet die Bilder sehr gut zu - ohne dass schwarze Ränder, halbe Köpfe oder ähnliches auftreten.
http://drupal.org/project/imagecache_actions
Edit: Eine andere Alternative wäre das hier http://drupal.org/project/imagecache_proportions
Hallo Ionit,
Mit imagecache_proportions kann ich mir passende Preview-Bilder für die Galerie erstellen, stimmt. Aber ich kann es nicht mit lightbox2 oder colorbox kombinieren.
Das ist ja der Punkt: Ich brauche unterschiedliche Preview-Bilder, aber immer ein jquery-popup zum großen Bild.
Hast du da noch eine Idee?
Gruss
Thomas
--
In the Long Run, We Are All Dead
caw schrieb also sowas geht
am 25.04.2013 - 18:23 Uhr
also sowas geht auf jeden fall mit colorbox_node
da kannst du einen trigger auf das korrekte thumb setzen, und die vergrößerung mit dem richtigen bild überschreiben
oder wie oben beschrieben mit den bildstil... sollte gehen
Hallo caw,
colorbox habe ich soweit verstanden, aber ich habe keinen Schimmer wie ich colorbox_node mit views verwende.
Das README zum Modul ist 0 byte groß und die Beschreibung auf der Projektseite wenig hilfreich.
Hast du da einen Tip für mich?
Danke und Gruss
Thomas
--
In the Long Run, We Are All Dead
du mußt natürlich beide
am 25.04.2013 - 18:36 Uhr
du mußt natürlich beide module und die library korrekt installieren.
dann im view einmal das Vorschaubild als feld (von der anzeige ausschließen) und das foto als feld (auch von der anzeige auschließen) hinzufügen, falls die nicht schon da sind.
dann gibt nun einen neuen punkt. du kannst bei den feldern ein colorbox trigger hinzufügen. dort das vorschaubild als triggerfeld auswählen. damit wird das nun auch im view den nutzern angezeigt.
und im popup gibts das ersetzungsmuster von deinem foto ein. fertig!
ich glaube das geht auch ohne das colorbox_node modul. ich hatte das glaube ich noch für andere dinge genutzt.
so habe es nun getestet. geht ohne das colorbox_node! also einfach colorbox modul
C.A.W. Webdesign

tbals schrieb Mit
am 25.04.2013 - 18:40 Uhr
Mit imagecache_proportions kann ich mir passende Preview-Bilder für die Galerie erstellen, stimmt. Aber ich kann es nicht mit lightbox2 oder colorbox kombinieren.
Das ist ja der Punkt: Ich brauche unterschiedliche Preview-Bilder, aber immer ein jquery-popup zum großen Bild.
Ich versteh leider nicht wie du das meinst (unterschiedliche Preview-Bilder)!
Die von mir genannten Module erstellen doch "unterschiedliche Previews" - je nachdaem ob das Bild hochformat oder querformat ist. Und diese werden in der Gallerie dann auch angezeigt. Klickt der User auf eines dieser Previews, öffnet sich die Lightbox und zeigt das Originalbild an (egal ob hoch/breit/groß/klein).
Drupal rockt!!!
eben nicht.
am 25.04.2013 - 19:12 Uhr
Ich versteh leider nicht wie du das meinst (unterschiedliche Preview-Bilder)!
Die von mir genannten Module erstellen doch "unterschiedliche Previews" - je nachdaem ob das Bild hochformat oder querformat ist. Und diese werden in der Gallerie dann auch angezeigt. Klickt der User auf eines dieser Previews, öffnet sich die Lightbox und zeigt das Originalbild an (egal ob hoch/breit/groß/klein).
Eben nicht.
Denn ich kann in Views für ein Feld nur eine Formatierung wählen. Also *entweder* imagecache_proportions *oder* lightbox2.
Oder ich habe was nicht verstanden.
Gruss
Thomas
--
In the Long Run, We Are All Dead
caw schrieb du mußt natürlich
am 25.04.2013 - 19:15 Uhr
du mußt natürlich beide module und die library korrekt installieren.
dann im view einmal das Vorschaubild als feld (von der anzeige ausschließen) und das foto als feld (auch von der anzeige auschließen) hinzufügen, falls die nicht schon da sind.
dann gibt nun einen neuen punkt. du kannst bei den feldern ein colorbox trigger hinzufügen. dort das vorschaubild als triggerfeld auswählen. damit wird das nun auch im view den nutzern angezeigt.
und im popup gibts das ersetzungsmuster von deinem foto ein. fertig!
So geht es tatsächlich. Da wäre ich nicht drauf gekommen das so zu machen, danke dafür.
Aber irgendwas ist ja immer :-( Hier kann colorbox nur eine feste Fenstergröße anzeigen. Also entweder das Bild ist viel kleiner als die Colorbox, oder ich muss ich der Box scrollen. grrrrr.
Gruss
Thomas
--
In the Long Run, We Are All Dead
wenn, du magst kannst du doch
am 25.04.2013 - 19:25 Uhr
wenn, du magst kannst du doch 100% und 100% setzen und alles überlagern.. und mit css entsprechend den hintergrund der box z.b. transparent setzen
C.A.W. Webdesign

Wenn es jetzt geht, ist es ja
am 25.04.2013 - 19:30 Uhr
Wenn es jetzt geht, ist es ja ok aber du arbeitest ja mit zwei Inhaltstypen oder? Einen Inhaltstypen hast du extra für die Vorschaubilder angelegt damit du immer ein korrekt zugeschnittenes verwenden kannst oder?
Mit dem "Aspect Switcher" kannst du auf den Inhaltstypen (nur für die Vorschaubilder) vollständig verzichten denn die korrekten Vorschaubilder müssen hierbei nicht mehr extra (über einen eigenen Inhaltstypen) zur Verfügung gestellt werden denn das übernimmt der "Aspect Switcher" völlig autonom.
Wenn es jetzt aber, über den umständlichen Weg, funktioniert und du damit zufrieden bist, ist es aber auch in Ordnung. Für die User ist diese Lösung aber nicht optimal denn, dass man für ein hochgeladenes Foto noch ein extra Vorschaubild hochladen muss, ist ungewöhnlich.
Drupal rockt!!!
Ionit schrieb Wenn es jetzt
am 25.04.2013 - 19:46 Uhr
Wenn es jetzt geht, ist es ja ok aber du arbeitest ja mit zwei Inhaltstypen oder? Einen Inhaltstypen hast du extra für die Vorschaubilder angelegt damit du immer ein korrekt zugeschnittenes verwenden kannst oder?
Mit dem "Aspect Switcher" kannst du auf den Inhaltstypen (nur für die Vorschaubilder) vollständig verzichten denn die korrekten Vorschaubilder müssen hierbei nicht mehr extra (über einen eigenen Inhaltstypen) zur Verfügung gestellt werden denn das übernimmt der "Aspect Switcher" völlig autonom.
Wenn es jetzt aber, über den umständlichen Weg, funktioniert und du damit zufrieden bist, ist es aber auch in Ordnung. Für die User ist diese Lösung aber nicht optimal denn, dass man für ein hochgeladenes Foto noch ein extra Vorschaubild hochladen muss, ist ungewöhnlich.
Nein, ich habe nur einen Inhaltstyp, aber mit zwei Feldern: Ein Foto für die Vorschau und ein Foto für das volle Bild.
Natürlich ist das doof, aber ich bekomme über die Bildstile nicht den optimalen Ausschnitt für das Vorschaubild. Imagecache_prportions kann das ausreichend gut lösen, aber hilft mir nicht wenn ich eine Galerie-View habe und alle vollen Bilder nur mit lightbox2 bzw. colorbox sehen möchte.
Darum mein zweiter Ansatz es mit getrennten Bildern zu versuchen.
Gruss
Thomas
--
In the Long Run, We Are All Dead
Für das Vorschaubild gibt es
am 25.04.2013 - 22:35 Uhr
Für das Vorschaubild gibt es auch noch das Modul Manual Crop. Damit lassen sich die Zuschnitte individuell setzen.
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *