Heey allemaal. Ik ben al een hele dag bezig om de manier van http://www.phonophunk.com/ om de header zo op en neer te bewegen via javascript en css.

Ik kom er gewoon niet uit maar ik wil het persé weten! Is iemand toevallig een tutorial tegen gekomen die ik nog niet heb gelezen?

Ik hoop dat jullie me kunnen helpen! groeten, Roland.
Hiermee zou je toch aardig uit de voeten moeten kunnen :)
één miljoen keer dank (A) morgen op mn werk/stage maar is gaan proberen!
Beetje offtopic: Wat een geweldige site! Ziet er echt top uit! Dat header scroll is leuk, niet echt nodig, echt veel content heeft hij nou ook weer niet dat dat nodig is, maar vind het echt wel gaaf!

Het linker menu, origineel (ik heb het niet eerder gezien in ieder geval).

De tekstvakken in formulieren zien er mooi uit.

Er zit volgens mij AJAX in verwerkt.

Dit is echt een site waar ik jaloers op word.
Je bent niet de enige ;)
Het is trouwens niet precies wat ik bedoelde, als je bij de website: http://www.phonophunk.com/ op het knopje van die header drukt dan verkleint hij de div in de hoogte, omdat het plaatje als achtergrond ingesteld staat lijkt het net alsof het plaatje zichzelf verkleint.

ik zoek dus iets waarmee je een motion tween op een verkleining van een div uit kan voeren! :D
http://phonophunk.com/j/pp-01.js

hierin staat het script dat je moet gebruiken. Ik weet zo niet of het zich hierin bevindt:
// Resize Textareas with Animation
textAreaResizer: {

of hierin:
// Header Image Toggle with Animation
HeaderToggle: {
Het is de 2e dat heb ik al uitgezocht :)
@Roland

Wat is dan het probleem? Je kan in de sourcecode zien waar die de js aanroept, en je kan ook zien met de .js en de sourcecode wat de naam is van het item waarop de code wordt gedaan.
Ik denk dat je het dan zelf zou moeten kunnen maken.
Het probleem is dat zijn script veels te lang en on overzichtelijk is! ben er nu al langer dan 10 uur mee bezig mmaar het lukt gewoon niet.

Mijn gebrek aan javascript kennis speelt denk ik ook een grote rol!

Reageren