javascript gesucht

[Stiwano]

Hallo zusammen,

ich bräuchte ein Javascript, das beim Öffnen einer Seite einen div (Bildelement) einblendet (fade in) Das sollte über eine Klasse anzusprechen gehen.
Und eines, das bei onklick einen div einblendet. Genauer gesagt, bei click auf eine Überschrift einen dazugehörigen Textblock einblendet.

Das ganze selbstverständlich für Mootools und Contao.

Hat vielleicht jemand so was parat und könnte mir das schicken. Ich habe von Scripten keine Ahnung und bin daher auch bei der Suche im Netz nicht wirklich schlau geworden. Vielen Dank schon mal.

Gruß Stiwano

[MacKP]

Hallo Stiwano,
zu dem ersten gibts schon ein paar Threads (da geht es dann um eine Box die wie eine Lightbox automatisch geöffnet wird) müsstest du vllt hier im Forum noch mal ein wenig suchen.
Das 2. sollte eigentlich mit der normalen Mediabox gehen...
Im Tiny kannst ja ner Überschrift einen Link verpassen. Dort dann als rel Attribut dann lighbox eintragen und eine extra Seite auswählen die dann angezeigt wird.

Das mal so als Stichworte zum weiter gucken.
Eventuell hilft dir das ja schon genug weiter.

Viele Grüße

[Stiwano]

Vielen Dank, wenigsten eine Antwort. Manchmal schwierig, unter welchen Begriffen man suchen muss. Mal sehen, hilft bestimmt weiter.

Gruß, Stiwano

[pmmueller]

Und eines, das bei onklick einen div einblendet. Genauer gesagt, bei click auf eine Überschrift einen dazugehörigen Textblock einblendet.

Ist das nicht ein ganz normales Inhaltselement Akkordeon?

[Stiwano]

Accordion blendet nicht ein sondern klappt aus, oder?

[Stiwano]

Vielleicht sollte ich es noch konkreter erklären. Ich möchte beim öffnen der Seite ein Hintergrundbild einblenden. Das Bild ist ein Inhaltselement. Mit einer Lightbox geht das also nicht, weil das Bild im Hintergrund liegt. Noch jemand eine Idee?

Gruß Stiwano

[Vollpfosten]

Mit diesem Sniplet könntest du ein Hintergrundbild langsam einfaden lassen

<script type="text/javascript">
                        var meinHintergrund = $('id');         // <--- id vom Bild eingeben
                        // Effekt-Objekt erstellen
                       var meinEffekt = new Fx.Tween(meinHintergrund, {
	               'duration': 5000 // <--Einblendzeit in ms, hier also 5 sec
                        });
			window.addEvent('domready', function(){
				// Effekt starten!
                                meinEffekt.start('opacity', 0, 1);
			});
</script>
// weitere infos unter google "mootools", man könnte es auch kürzer mit fade() machen, aber hier hat man mehr Möglichkeiten

Anwendung: Erstelle dir ein Bild und gib diesem eine ID. Jetzt einfach den Code im Seitenlayout unter "Eigenen Javascript" reinkopieren und die ID an markierter Stelle einfügen. Sollte schon mal ein Anfang sein.

[Stiwano]

Super! So eine Antwort habe ich mir gewünscht. Könnte man das noch so ändern, dass es über eine Klasse anzusprechen geht?

Vielen Dank und Gruß

[Stiwano]

Klappt mit dem Script. Jetzt tritt nur manchmal das unschöne Phänomen auf, dass das Bild zuerst kurz aufblitzt und dann erst einfadet. Gibt es eine Möglichkeit das zu verhindern? Wer schön, wenn mir noch mal jemand, so kurz vor dem Ziel, helfen könnte.

Gruß, Stiwano