[gelöst] auf- und zuklappen im Text, Bilder mit Mouse over
Eingetragen von chris_bbg888 (84)am 15.11.2009 - 19:23 Uhr in
Hallo zusammen,
ich habe zwei Modulanfragen.
1. Auf und Zuklappen im Text
Ich möchte im Text einzelne menüpunkte auf und zuklappen können. Du kennst diese Funktion z.B. aus dem Drupal-Menü Module. Dort kannst Du die menükategorien auf und zuklappen. Ich möchte genau soetwas im meinen Texten. Hintergrund: die Texte sind verschachtelt und sehr lange.
2. Thumbnail mit Mouse Over größer
Ich möchte viele kleine Bilder auf eine Seite einbauen. Geht der Nutzer über das Bild soll das Bild groß werden. Aber nicht so wie bei Lightbox dass der Hintergrund grau wird. Es soll einfach sein darüber zu gehen und schwupps wird das Bild groß.
Angesehen habe ich mir auch Thickbox. Mein Problem ist dass der Nutzer
1. nicht drauf klicken muss (sondern die Vergrößerung nur bei Mouse Over erscheint)
2. kein grauer hintergrund erscheint.
Vielleicht brauch ich da auch eine Reihe von Modulen 1. Bild als Thumbnail klein machen 2. Modul zum vergrößern von Thumbnails.
Ich hoffe dafür gibt es einigermaßen fertige Lösungen.
Grüße
- Anmelden oder Registrieren um Kommentare zu schreiben
Bei dem WYSIWYG-Editor
am 15.11.2009 - 22:30 Uhr
Bei dem WYSIWYG-Editor TinyMCE kann man Bilder mittels MouseOver ändern.
Kannst ja mal probieren, damit ein Bild (Thumbnail) in den Text einzufügen und als MouseOver eine größere Version des Bildes verwenden.
Ob und wie das klappt... keine Ahnung -,-'
collapse & hover
am 16.11.2009 - 08:05 Uhr
zu 1.: Collapse text
zu 2.: ImageCache + die Umsetzung der Lösung in diesem Artikel
hth,
Stefan
--
sei nett zu Deinem Themer
Tipp: Beachte die Verhaltensregeln des DrupalCenter.
@Stefan Die Seite mit den
am 16.11.2009 - 11:01 Uhr
@Stefan
Die Seite mit den jQuery Infos ist aber sehr interessant. Da finden sich eine Reihe brauchbarer Tips.
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
java script code/jquery
am 17.11.2009 - 18:31 Uhr
hallo,
ich muss nochmal nachfragen weil ich diesen tollen code nicht hinbekomme.
ich muss java script code/jquery irgendwo einfüren. die frage ist nur wo.
das war der link http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/
und es geht um den abschnitt Bring it to Life – jQuery
kann mir da jemand helfen?
und dann nochmal zum verständnis: mit imagechage mache ich die bilder als thumbnails und mit diesem stück code den mouse over effekt, richtig?
www.weiterweg.org
Das ist ein Zusammenwirken
am 17.11.2009 - 21:10 Uhr
Das ist ein Zusammenwirken von CSS und jQuery. Du mußt also auch die entsprechenden CSS Einstellungen übernehmen. Du siehst ja in der jQuery Funktion "ul.thumb li" und das ist genau wie im CSS-Teil angegeben.
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
also ich habe eine lösung
am 20.11.2009 - 14:56 Uhr
also ich habe eine lösung rein mit css gefunden.
die weibseite ist zwar freakig aber der code funktioniert http://www.foreninformation.de/t1887f30-Bilder-vergroessert-darstellen-d...
www.weiterweg.org