Category Archives: Coding

Alles über meine Arbeit / Hobby.

jQuery “Circulate” Plugin

Mir ist ein hübsches jQuery Plugin in die Hände gefallen. Es nennt sich Circulate und ermöglicht es, sämtliche HTML-Elemente in eine kreisförmige Bewegung zu versetzen. Der Kreis kann mit Hilfe der Parameter beliebig gesteuert werden, womit sich auch Ovale und sonstige Gebilde nachbilden lassen.

$("#blue-ball").circulate({
speed: 1300,
height: 380,
width: -450,
sizeAdjustment: 200,
loop: true,
zIndexValues: [2, 2, 2, 2]
})

Das Plugin ist hier zu finden. Ein weiteres Beispiel (von mir) lässt sich hier begutachten.

 

jQuery Circulate

Design und Menü

Lavalampe

Als Design wollte ich etwas schlichtes, aber mit einigen jQuery Spielereien (reines Interesse). Somit habe ich mir für das Menü das Lavalamp Plugin zurechtgeschnitten. Wer das ebenfalls mal in WordPress einbinden möchte, es muss im Plugin selbst das “current” auf den Wert “current_page_item” getauscht werden. Dann wird auch das korrekte Item selektiert (Hat mich ne ganze Weile gekostet…). Wer gerne noch etwas mehr Details zum Lavalamp Effekt hätte kann sich dieses Tutorial ansehen.

Das Plugin ist auf jeden Fall absolut zu empfehlen. Einfach einzubinden und ein echt schöner Effekt.