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

image zoom und automatische textanpassung

Eingetragen von datenrettung (605)
am 26.12.2010 - 20:58 Uhr in
  • Modulsuche
  • Drupal 6.x

siehe hier: http://www.stern.de/lifestyle/leute/abgewatscht-der-satirische-wochenrue...

in der bildecke steht ein + und wenn man dieses nutzt, dann wird automatisch der text "umlaufend" angepasst.

gibt's dafuer gar ein modul?

‹ [gelöst] Import von XML Datein Taxonomy: Firma und Artikel ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Das ist mit Javascript

Eingetragen von wla (9461)
am 26.12.2010 - 22:14 Uhr

Das ist mit Javascript gebastelt. Auf der Seite gibt es ja reichlich davon. Wenn Du JavaScript abklemmst, tut sich auch nichts mehr. Ein Modul ist also dafür nicht nötig. Du müßtest nach so einem Effekt googeln.

Beste Grüße
Werner

  • Anmelden oder Registrieren um Kommentare zu schreiben

Da ist tatsächlich nicht

Eingetragen von Zman (185)
am 26.12.2010 - 22:42 Uhr

Da ist tatsächlich nicht allzuviel Hokus-Pokus auf der Stern-Seite integriert. Es hat wie schon richtig gesagt doch auch mehr mit Theming zu tun, als mit einem extra Modul.

Die Herangehensweise könnte z.B. folgende sein.

  • zwei ImageCache Voreinstellungen anlegen (einmal für das verkleinerte Bild, einmal für das inhaltsbereichfüllende Bild). Im ganz einfachen Fall reicht auch eine ImageCache Größe und die verkleinerte Version ergibt sich nur aus dem HTML-Attribut.
  • Den Abschnitt mit dem Bild + ggf. die Beschreibung formatierst du in einem Container, den du mit CSS linksbündig setzt (float:left; width:250px). Darin enthalten das Bild mit ImageCache verkleinert + mit HTML-Breiten Angabe width="". Damit hast du schon einmal den Umfluss erzeugt. Der Inhalt und die Überschriften erhalten keine Float-Eigenschaften.
  • Mit jQuery ersetzt du auf Klick auf ein bestimmtes Element (Bild mit Lupe) das verkleinerte Bild mit dem großen ImageCache Bild (ggf. holst du es dir aus einem verstecktem Bild (display:none) mit einer bestimmten ID. Achte darauf, dass das HTML-Breiten Attribut weiterhin gesetzt bleibt und es somit nicht direkt den Rahmen sprengt.
  • Mittels jQuery Animierungsfunktion (.animate()) veränderst du nun sowohl die die Bildbreite als auch die CSS-Breite des Containers. Damit wird das Bild immer breiter bis zur vollen Größe und die Linksbündigkeit hört spätestens an dem Punkt auf, an dem das Bild die volle Breite des Inhaltsbereiches erreicht hat, weil der Text zwangsläufig nur noch darunter angezeigt werden kann.
  • Mit dem Schließen wäre es nun die gleiche Heransgehensweise

Es gehört also eine einmaliger Aufwand an HTML-Theming, CSS-Formatierung und etwas Javascript bzw. jQuery Kenntnisse dazu, dann dürfte das Ganze realisierbar sein.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
Weiter

Neue Kommentare

  • Inzwischen sind wir bei
    vor 4 Tagen 6 Stunden
  • Migrieren von D7 auf D8/ D10/ D11
    vor 4 Tagen 22 Stunden
  • melde mich mal wieder, da ich
    vor 8 Wochen 2 Tagen
  • Hey danke
    vor 8 Wochen 2 Tagen
  • Update: jetzt gibt's ein
    vor 8 Wochen 3 Tagen
  • Hallo, im Prinzip habe ich
    vor 9 Wochen 1 Tag
  • Da scheint die Terminologie
    vor 9 Wochen 1 Tag
  • Kannst doch auch alles direkt
    vor 9 Wochen 5 Tagen
  • In der entsprechenden View
    vor 9 Wochen 5 Tagen
  • Dazu müsstest Du vermutlich
    vor 9 Wochen 5 Tagen

Statistik

Beiträge im Forum: 250235
Registrierte User: 20462

Neue User:

  • marouane.blel
  • capilclinic
  • Quabzibboter

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 19 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