Mouseover Text -> Bild anzeigen

**PavelPipovich** · 25.07.2010 14:03

Hallo,
ich habe eine Liste mit einigen Namen und möchte gerne, dass bei bei einem Mouseover über einen dieser Namen das entsprechende Bild angezeigt wird.
Das Ganze soll also so funktionieren wie in diesem Beispiel hier: http://cnjazz.homepage.t-online.de/span_bild.htm

Ich habe es bereits ausprobiert, allerdings nicht erfolgreich. Wenn ich den kompletten Quelltext des Beispiels (inkl. head-Bereich, etc ...) eingefügt habe, gabs Darstellungsprobleme z.B. mit der Navigation. Wenn ich nur den Bodybereich kopiere, ist das Bild sofort zu sehen, ein Mouseover-Effekt tritt auch nicht auf.

Ich habe leider nicht viel Ahnung von CSS, daher wäre es klasse, wenn mir hier jemand weiterhelfen kann!

**time4mambo** · 25.07.2010 15:17

Mit dem JCE geht das ganz einfach...
Der bietet sowas in seinen Bordmitteln.

Axel

**PavelPipovich** · 25.07.2010 15:43

Danke schonmal, aber irgendwie bin ich zu doof das finden.
Ein Bild mit Mouseover-Effekt bekomm ich hin, nur eben kein Text mit Mouseover.

**time4mambo** · 25.07.2010 16:36

Mit Trick geht das auch:
Schreibe den Text in die Zeile - im Beispiel: "Klick hier"
Markieren und im JCE das Icon für die Bilder anklicken. Als URL gibst du ein "#" (natürlich ohne Anführungsstriche)
Darunter als Titel "Klick hier" hineinschreiben.

Dann Rollover auswählen und die Grafik angeben, die beim "Mit dem Cursor hineinfahren" angezeigt werden soll.
Und darunter - also beim wegbewegen - den Text reinschreiben: "Klick hier"
Speichern und es funktioniert.
Allerdings wird die Grafik direkt über den Text gelegt und nicht versetzt wie in deinem Beispiel.

Axel

**SirDrake** · 25.07.2010 16:55

Hm, per js mit einem plugin von hier z.B. Simple OverLIB
http://extensions.joomla.org/extensi...esign/tooltips

oder einfach per css
http://css-tricks.com/video-screenca...mage-switcher/
Demo

**time4mambo** · 25.07.2010 17:38

SirDrake, das ist echt gemein!

Ich habe da eben nämlich mal auf die Schnelle ein Tutorial zu geschrieben:
http://www.time4joomla.de/tipps-a-tr...t-dem-jce.html

Axel

**SirDrake** · 25.07.2010 18:03

OT: sorry Axel, ich bin aber überzeugt das nicht wenige User dein Tut zu schätzen wissen, sowie ich auch

wieder ein Lesezeichen mehr unter Tips & Tricks

**PavelPipovich** · 25.07.2010 21:58

Besten Dank an Euch beide!

**PavelPipovich** · 26.07.2010 17:52

Gestern klappte alles so wie time4mambo es in seinem Tipp beschrieben hat und heute geht es urplötzlich nicht mehr!
Ich geb alles korrekt ein und sobald ich den Beitrag speichern möchte, haut es mir den Text von Mouseover und Mouseout wieder raus, beide sind dann nicht mal mehr aktiviert.

Kann mir das überhaupt nicht erklären, wie gesagt, gestern klappte alles ganz normal.

Edit: Problem scheint gelöst. Funktioniert wohl nur, wenn ich den Beitrag im Back-End bearbeitet.

**SirSimon** · 18.08.2010 12:24

Ich erlaube mir mal, mich hier anzuhängen.
Danke für das Tutorial erstmal, das hat mich schon mal ein ganzes Stück weiter gebracht. Ich suche aber noch ein bisschen mehr Komplexität:

Ich habe eine Seite, auf der verschiedene Mannschaften aufgelistet sind links in einer 2-spaltigen Tabelle. Wenn man über diese Mannschaften mit der Maus fährt, soll rechts in der Tabelle das jeweilige Mannschaftsfoto erscheinen. Hat dazu jemand eine Idee, wie ich das am besten mit Boardmitteln des JCE regeln kann? Alternativ nehm ich auch Tipps zu Plugins etc.

Vielen Dank!

Thema: Mouseover Text -> Bild anzeigen

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige