Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module ›

WYSIWYG - 1. Bild im Teaser, der Rest mit Lightbox in der Gesamtansicht

Eingetragen von Felix Pfannemüller (24)
am 16.05.2011 - 16:28 Uhr in
  • Module
  • Drupal 6.x

Hallo ihr Lieben,

ich habe meine Homepage für einen Sportverein aufgesetzt und bin soweit ganz zufrieden.
Nun sollen in der näheren Zukunft einige Vereinsmitglieder einen Zugang erhalten. Daher dachte ich mir ein Eingabeformat mit einem WYSIWYG-Modul zu belegen. Wichtig ist hierbei vorallem die einbindung von Bildern.

Vorher hatte ich einfach ein Feld (ImageField) erstellt und via node.tpl.php gethemed.
<?php print $node->content['field_image']['#children'] ?>
Somit war im Teaser ein Bild in 140*92 und im Node selber eine größere Auflösung des Bildes, welche man via Lightbox noch in Orginalgröße sehen kann.

So far so good...

PROBLEM:
Ich es nicht hin bekomme, dass man mit WYSIWYG mehrere Bilder in einem Text hochläd und positioniert, sodass nur das erste der Bilder im Teaser gezeigt wird (unabhängig seiner Position im Text), der Rest im Node zu sehen ist und via Lightbox in einer Großansicht gezeigt werden könnnen.

Ich wäre wirklich froh, wenn mir jemand helfen kann!!!

Liebe Grüße

‹ Wysywig, was bevorzugt ihr? Keine Benachrichtigung bei Kommentaren ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Nach meiner Erfahrung klappt

Eingetragen von Enno (168)
am 16.05.2011 - 17:28 Uhr

Nach meiner Erfahrung klappt es nie, wenn man versucht einer Gruppe von Leuten zu erlauben, Bilder frei im Text positionieren.
Die Leute kommen mit Grösse (Pixel genauso wie KB), Positionierung und alternativem Text nicht klar und das Ergebnis sieht dann eher bescheiden aus, oder zumindest bei jedem total anders.

Gut funktioniert für mich hat folgende Kombi:

Imagefield 1 als Teaser, dass auch in der Vorschau angezeigt wird. Pflichtfeld, maximal 1 Bild. Imagecache schneidet dann zurecht.
Imagefield 2 für zusätzliche Fotos. Optional, beliebige Anzahl von Bildern, die dann in der node.tpl.php in gesondertem Bereich neben oder unter dem text wiederum durch Imagecache als Thumbnails dargestellt werden und per Colorbox bei Klick aufpoppen.
Textfeld ohne Möglichkeit Bilder hochzuladen für den reinen Text mit einfachen Formatiermöglichkeiten, typischerweise úber TinyMCE und WYSIWYG realisiert.

Hoffe, das hilft.

Drupal maßgeschneidert.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke für den Ansatz! So

Eingetragen von Felix Pfannemüller (24)
am 17.05.2011 - 14:22 Uhr

Danke für den Ansatz!
So ähnlich mache ich das ja aktuelle.
Dennoch wäre es mir wichtig, den Usern einen eigene Positionierung zu ermöglichen.
Hat dazu noch jemand eine Idee?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hat vielleicht noch jemand

Eingetragen von Felix Pfannemüller (24)
am 22.05.2011 - 10:31 Uhr

Hat vielleicht noch jemand eine Idee, wie ich es hinbekomme, dass bei 2 Bildern in einem Node beide an unterschiedlichen Absatzanfängen stehen?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ich habe für mich eine Lösung

Eingetragen von wla (9213)
am 22.05.2011 - 11:49 Uhr

Ich habe für mich eine Lösung gefunden, aber die ist ein bischen aufwändiger.
Ich benutze CCK3 mit dem Modul Content-Multigroup. Damit baue ich mir einen Nodetyp mit Titel, Teaser, Teaserbild (Imagefield), Alt-Text fürs Teaserbild und einer beliebig oft wiederholbaren Multigroup. Die Multigroup besteht aus Bild (Imagefield), Alt-Text fürs Bild, Textbox für eine Bildunterschrift, Checkboxen für halb/vollspaltig, Checkboxen für Links/Rechts/N.A. für die Bildposition.
Die Ausgabe dieses Nodetyps regele ich in einer eigene Funktion in der template.php, die über die Funktion preprocess_node für diesen Nodetyp aufgerufen wird. Die halbspaltigen Bilder floate ich über CSS nach links oder rechts. Damit kann der Ersteller eines Inhalts flexibel Text und Bilder zusammensetzen. Es gehen sogar 2 halbspaltige Bilder nebeneinander, wenn man bei der ersten Gruppe Bild halspaltig links ohne Text und in der nächsten Gruppe Bild halspaltig rechts mit (oder ohne) Text setzt. Die beiden Bilder rutschen so nebeneinander und der Text steht darunter. Damit habe ich garantiert, daß die Größe der Bilder immer in das vorgegebene Format paßt und der Benutzer mir nicht irgendwelche Bilder unpassender Größe in der Text setzt und so das Layout sprengt.

Beste Grüße
Werner

.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das hört sich schonmal sehr

Eingetragen von Felix Pfannemüller (24)
am 22.05.2011 - 12:26 Uhr

Das hört sich schonmal sehr gut an Werner, aber wie funktioniert es, dass die Bilder dann an den Anfang eines Absatzes rutschen?
Vielleicht hilft es dir mal zu sehen, wie ich das meine:

Da habe ich das ganze über normale Fieldsgelöst und sie via tpl in divs gepackt... diese Divs werden dann per CSS gefloatet... aber leider kriege ich sie nicht an die verschiedenen Absätze gesetzt.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Jeder Absatz (= Multigroup)

Eingetragen von wla (9213)
am 22.05.2011 - 13:18 Uhr

Jeder Absatz (= Multigroup) kann ein eigenes Bild haben (das Bildfeld in der Multigroup). Mittels der Checkboxen kann der User bestimmen, daß das Bild nach links oder rechts floatet (das geht über Klassen beider Ausgabe und CSS). Das Bild wird immer an den Anfang des Absatzes gesetzt, da ich es als Erstes ausgebe und erst danach den Text. Der Text fließt dann links oder rechts vorbei. Deshalb auch der Aufwand mit einer eigenen Ausgaberoutine, die in einer Scheife die verschiedenen Mutigroups der Reihe nach aufbereitet und als HTML ausgibt.

Beste Grüße
Werner

.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *

  • Anmelden oder Registrieren um Kommentare zu schreiben

Genauso, aber Bilder sind unschön aufgebaut.

Eingetragen von codab (16)
am 25.06.2011 - 21:27 Uhr

Hallo Enno und auch alle anderen der Drupal-Gemeinde,

genauso wie Du habe ich das bisher auch schon wunderbar hinbekommen. Leider werden die Bilder aber noch nicht korrekt dargestellt. Die ersten zwei Bilder starten am Anfang der Zeile und dann eine Zeile darunter befindet sich das 1. Bild unter dem 2. Bild der vorherigen Zeile. Es bildet sich also eine Treppe. Wenn ich einen "float:left" einsetze, dann sind alle Bilder untereinander.
Vielleicht hast Du oder auch jemand anderes einen Tipp für mich, wie die Bilder einfach nebeneinander dargestellt werden und bei Zeilenende in die nächste Zeile rutschen.

Beste Grüße
codab

[EDIT]
Hat sich erledigt, ich musste nur wieder mal im CSS etwas mehr hinzufügen:

.

field-item.odd img, .field-item.even img {
float:left;
padding: 3px 3px 3px 3px;
}

;-)
[/EDIT]

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Entity Reference - Title Felder werden als Link angezeigt
  • PHP 8.1 - Deprecated function: rtrim()
  • Preloader / Spnner entfernen Menu Link Modal-Modul
  • Schriftgröße standard einstellen
  • Drupal Website gestalten
  • MariaDB 10.6
  • Tokens werden in Viev als Link angezeigt
  • [bug entdeckt & workaround gefunden] benutzerdefinierte Felder vom Userprofil tauchen ungefragt auch in den Forumtopics auf...
  • [gelöst] Mass contact Empfängerliste nach Taxonomy Term statt Rolle
  • Update V. 9.3.12 auf V. 9.4 mit Fehler: Modul mySQL fehlt. Bitte Hilfe.
  • Sprachpfad, in Drupal Korrekt einstellen, auch bei den Meta-Tags
  • Update von Drupal 9.3 auf 9.4 oder bei 9.3 bleiben
Weiter

Neue Kommentare

  • Es ist ein Paragraph
    vor 14 Stunden 40 Minuten
  • Danke fürs Feedback. Gut dass
    vor 3 Tagen 7 Stunden
  • Patch angewandt
    vor 3 Tagen 10 Stunden
  • core_version_requirement: ^8
    vor 5 Tagen 11 Stunden
  • core_version_requirement: ^8
    vor 5 Tagen 11 Stunden
  • ok. Wenn ich das mache
    vor 5 Tagen 11 Stunden
  • Bei gleichem Namen hat das
    vor 5 Tagen 12 Stunden
  • Sorry, dass ich mich hier
    vor 5 Tagen 12 Stunden
  • Habe Patch versucht
    vor 5 Tagen 19 Stunden
  • Hier wird ein Patsch
    vor 5 Tagen 21 Stunden

Statistik

Beiträge im Forum: 247867
Registrierte User: 19593

Neue User:

  • Davidsnins
  • kudes
  • Tkakah

» Alle User anzeigen

User nach Punkten sortiert:
wla9213
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 7 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association