Kommentare zu: Tutorial, Webseite mit jQuery animieren – Teil 1

Von: blackdd

blackdd — Thu, 05 Aug 2010 22:01:31 +0000

Hi Olaf,

super Tutorial zum Einstieg hat mir gefallen TOP. Finde die Tutorial Seite auch echt mit Liebe zum Detail gemacht und schöne Effekte eingebaut.

Ich selber habe mir noch diese Seite angesehen: http://d4nza.de/blog/tutorials/jquery-tutorial-1

gruß
blackdd

Von: Olaf

Olaf — Thu, 08 Jul 2010 20:35:35 +0000

Möglich wäre es bestimmt, aber es ist keine Kleinigkeit

Von: matze

matze — Wed, 30 Jun 2010 18:30:50 +0000

super tut muß ich sagen hab beides bei mir in der seite eingebaut, nur wär mir noch eine kleinigkeit lieb, wie kann man es machen das sich im animierten menue, zum beispiel bei navigation ein weiterer balken mit untermenüs erscheint

mfg matze

Von: Olaf

Olaf — Thu, 20 May 2010 08:41:08 +0000

Hi Mathias,
bei mir sind diese 2 Zeilen dafür zuständig:
target.fadeOut("slow",function(){ ... target.html(div).slideDown(1500);
Wobei target der Inhaltscontainer ist welcher erst mal ausgeblendet wird (fadeOut) dann mit dem Daten (div) befüllt wird und dann runter slidet (slideDown).

Nur wird dir das mit deinem bumpbox-Problem nicht weiterhelfen. Du müsstest schauen wie du die Links zum Content von dieser Funktion ausnehmen kannst. Da ich mir nur ganz kurz die Demo angeschaut habe kann ich jetzt auch nicht mehr dazu sagen. Wenn du magst kannst du mir mal ne Mail schicken, darin ein Link zum Problem.

Von: Nestoslider

Nestoslider — Wed, 19 May 2010 08:37:36 +0000

Hallo Olaf!

Ich habe da mal eine Frage: Wie stellst Du es an, dass der Text innerhalb des „div“ so schön dynamisch der Größe des Contents entsprechend eingerollt wird (und dabei gleichzeitig einfaded und ausfaded)?

…bin gerade dabei eine neue Webseite zu entwerfen, die letztlich dann für eine Disco sein soll.
Bisher habe ich die „bumpbox“ eingesetzt, aber mittlerweile geht mir das echt auf die Nerven, dass sich bei jedem Content eine Box aufpoppt – selbst wenn die verschiedenen Möglichkeiten der Einbindung unterschiedlichster Medien recht komfortabel war (sprich: Bilder, inlineHTML, Videos, und selbst PDF). Das aufpoppen macht zwar für Bilder und Videos noch einigermaßen Sinn, würde ich aber ganz gerne für den eigentlichen „Content“ zukünftig vermeiden wollen.

Und auf der Suche nach verschiedensten Möglichkeiten des sogenannten *augenroll* Web 2.0, bin ich dann auf Deine Seite gestoßen.

Über eine Antwort würde ich mich freuen.
Schöne Grüße

Mathias Friedrich

Von: Christian Löffler

Christian Löffler — Mon, 12 Apr 2010 11:03:42 +0000

Sehr schönes Tutorial Olaf.
Bei Interesse, ich hab auch noch eines.
http://www.herr-loeffler.de/2010⁄04/tutorial-jquery‑%E2%80%93-erklart-fur-anfanger/

Von: Olaf

Olaf — Mon, 26 Oct 2009 12:52:27 +0000

@ David
Hm, alles was beim hover animiert werden soll muss in der CSS dem div.ahover zugewiesen werden, eigentlich ganz einfach. JS in HEADER und fertig, der Rest geht von allein, Breite passt sich an…

Kannst mir ja mal per Mail ne URL zukommen lassen.

P.S. 26.10.2009 21Uhr
Lösung: da die LI hier Block waren nahmen sie sich die Breite der UL und waren somit alle gleich breit. Abhilfe schafft Ergänzung in CSS:

#nav ul li{ float:left; clear:left; }

Von: David Wanner

David Wanner — Mon, 26 Oct 2009 11:49:36 +0000

Heyho,

erstmal prima Tutorial
Habe mir schon einiges nun angeeignet.
Allerdings habe ich ein kleines Problem mit dem Menü-Tutorial und zwar bei dir nimmt ja dieser Rahmen immer eine andere Breite ein.
Mir ist leider bisher noch nicht aufgegangen wie dies bewerktstelligs wird vielleicht könntest du mir da behilflich sein.

Mit freundlichen Grüßen

David Wanner

Von: Timmer

Timmer — Wed, 19 Aug 2009 23:39:31 +0000

… Ich kann dir aus Zeitgründen das Script nicht schreiben. Aber es gibt doch so viele nützliche Tutorials. Und auf jQuery.com gibts auch eine Dokumentation mit Beispielen:

Effects/animate – jQuery JavaScript Library

Weiterhin kannst du dir mal diese DEUTSCHEN Tutorials anschauen …