Fang den I-Punkt!!!

hab gerade ein ziemlich cooles script, ein bisschen auf unser logo umgewandelt, wo das „logo“ – mittels onmouseover auf den I-punkt – per klick, den I-punkt fangen muss 😀
was natürlich nicht geht, weil das script so aufgebaut ist, dass sich der I-punkt bei onmouseover um ein paar pixel vom cursor entfernt xD

😍

jetzt wäre noch ein onclick-event cool, mittels dem eine gewinnernachricht erscheint, wenn man den i.punkt erwischt! 🙂 😁 …es hat geklappt! 😍 jetzt würde ich noch gerne einen kurzen gewinnersound einfügen…😏 aber da müsste ich dann sowas wie if gewinnernachricht visible…audio.play true oder so schreiben. die frage ist nur, wie genau 😀

MUHIIIIIIIIIIIIII 😆, ES HAT GEKLAPPT!!!!!

mittels onmousedown=“tadaa.play()“ 😜

Javascript: onmouseover – Banner wechselt Hintergrundfarbe

Heute hab ich ein bisschen mit dem Javascript-Befehl „onmouseover“ herumprobiert. Mit jenem Befehl kann man beim Darüberfahren mit der Maus, diverse Änderungen vornehmen, ähnlich wie mit dem Hovereffekt. In meinem Fall hab ich ein Blockelement (div) mit einer ID erstellt und innerhalb dieses Blockelements ein weiteres Div mit einem transparenten background-image eingefügt. Den Onmouseover-Befehl fügte ich dann in einem Inlineelement (span) im Hauptmenü ein, von wo aus der entsprechende Effekt dann startet 🙂 Der Banner wechselt Farbe, indem man über die Themen bzw. Punkte im Hauptmenü fährt.

Hier ein kleiner Einblick:

Das Submenü ist zwar noch ein bisschen schief, aber darum ging es mir zunächst mal nicht, ich wollte lediglich mal gucken, ob der Farbwechsel auch mit onmouseover funktioniert und es hat geklappt 🙂



Menü mit Hover-Bilderwechsel

Gestern wollte ich mal schauen, ob es möglich ist eine Slideshow so abzuändern, dass man die Bilder mittels eines Menüs mit Hovereffekt aktivieren kann.
Ich hatte ganz übersehen, dass die Slideshow mit Javascript funktioniert, wodurch ich es dann sein gelassen habe. Es war zwar möglich „onklick“ einfach mit „onmouseover“ zu tauschen, aber die dots konnte ich nicht in ein Menü abwandeln.
Nichtsdestotrotz konnte ich einen Banner erstellen, der über das Menü die Bilder wechselt.
Hier mein Testbeispiel:

Schwer tue ich mich nun, die komplette Seite zu zentrieren und auch das Menü etwas mehr rechts vom Bild zu haben….aber ich werde mich weiter üben^^ Eigentlich wollte ich es rechts unter dem Bild haben, aber irgendwie will es noch nicht so wie ich mir das vorstelle^^ Doch ich bin froh, dass ich zumindest nahe an meiner Vorstellung dran bin 😀
Natürlich muss auch noch der leere Banner etwas an Farbe gewinnen. Er wird sich noch ändern, es war lediglich mal ein Test.