Leiste mit Text einblenden

[little_polarbear]

Hi zusammen,

normalerweise bin ja in den 3D Foren unterwegs, aber jetzt bin ich grad dabei an meine Webseite zu arbeiten und bin hängengeblieben.

Ich möchte, dass wenn man mit der Maus über ein Bild fährt, dass sich von unten ein Balken reinschiebt, auf dem Infos zu dem Bild stehen und wenn man mit der Maus von dem Bild geht, das der Balken wieder rausfährt. Der Balken soll am unteren Rand sein und halb transparent. Ich hab mich bei google schon ein bisschen schlau gemacht, aber bisher nur einen html Code gefunden, der einen Text einblendet, aber auch ein bisschen zu abrupt.

onMouseout="document.getElementById('ghost').style.display='none';" style="display:block;height:300px;width:300px;border:1px solid #000;">
<div style="display:none;height:300px;width:300px"; id="ghost">
Ich bin ein Div!<br />Ich bin sichtbar!
</div>
</a>

das doofe ist, dass ich nicht viel Ahnung von html habe. Ich schau mir zwar immer viele Beispiele an und kann die Sachen zum Teil auch uebernehmen, aber manchmal versteh ich das ganze auch einfach nicht :hmpf: Das meiste mache ich über ein Webseitenprogramm. Die Basis klappt damit super, aber so Sachen wie Einblendungen etc. muss man dort leider per html, CSS oder flash einbinden.

Ich würde mich echt freuen, wenn mir jemand helfen könnte oder einen schups in die richtige Richtung geben könnte

 

[Horst-Karsten]

AW: Leiste mit Text einblenden

Dann schubs ich Dich mal in richtige Richtung:
slideToggle mit jquery -> http://api.jquery.com/slideToggle/

 

[simonpicos]

AW: Leiste mit Text einblenden

Mit welchem Programm arbeitest du? Ist es ein Baukasten bzw. WYSWYG-Editor (wie dreamweaver) ?

Oder arbeitest du direkt im Code?

So eine einfache Animation ist, wie schon genannt mit jQuery möglich. Wenn du aber eher schon ein bisschen Ahnung von html&css hast ist die variante über css einfacher.

Du machst ein div, in welches du das Bild und ein weiteres div (die eingeblendete Info) setzt.

Das div im div wird ausgeblendet und beim mausüberfahren des ersten divs wird es eingeblendet. → Ich hab dir mal ein kleines Beispiel gemacht: http://dabblet.com/gist/1582644

Wenn du allerdings bisher nicht im Code arbeitest wird das ziemlich schwierig..

 

[little_polarbear]

AW: Leiste mit Text einblenden

Hi ihr zwei,

vielen vielen Dank für eure Hilfe

@simonpicos

Genau sowas habe ich gesucht. Leider bin ich nicht sehr bewandert mit Codes. Aber ich versuch es zu lernen Ich hab auf jedenfall schonmal verstanden, was du im groben gemacht hast

Im Moment benutze ich iWeb, klar ist nicht das absolute Hammerprogramm, aber im Moment reicht es noch. Ich wollte ursprünglich das Design mit iWeb machen und dann halt diese Sachen wie Einblendungen etc. über das html Widget einfügen.

Jetzt ist mir aber vorhin noch Wordpress empfohlen worden, besonders für Blogs soll das ja richtig gut sein. Daher werd ich mich jetzt noch da durchwühlen und dann mal schauen. Weil ich möchte halt die Möglichkeit haben das Design selber zu verändern. Weil fertige Designs sind zwar schon praktisch, aber ich hätte schon gerne was eigenes mit vielleicht ein kleines bisschen Wiedererkennungswert.