Archief - Flash menu omzetten naar html/js

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Q

QuietKillah

Legacy Member
ik heb een bepaalde flash menu die ik zeer interessant vindt, namelijk deze:
deze hier!

nu vraag ik mij af ofdat dit via javascript/jquery kan worden nagemaakt.
en ofdat dit eenvoudig doenbaar is (ben redelijk nieuw bij javascript).

iemand enig idee hoe dit makkelijk mogelijk gemaakt kan worden?
Z

Zero Grav

Legacy Member
Het kan, en is feitelijk nog niet eens zo moeilijk. Voor een leek zal het wel even knoeien worden, maar zou het realiseerbaar moeten zijn. Zeker omdat ge veel gebruik kunt maken van de standaard voorziene animaties in JQuery.
D

Dastardly

Legacy Member
slidingPanels jQuery Plug-in

bounce effecten etc. kan je er desnoods nog zelf bijsteken, is allemaal zo moeilijk niet met jquery (al zou ik er goed over nadenken, ik kreeg na twee keer klikken al de kriebels dat alles zo over en weer vliegt).
Q

QuietKillah

Legacy Member
bedankt! idd kzou misschien dat bouncen achterwege laten en het gewoon strakker laten gewoon sliden. alvast bedankt voor het voorbeeld. kzal dit dit weekend eens proberen :p
D

Dastardly

Legacy Member
was vandaag achter iets totaal anders aan 't zoeken op google maar ik herinner mij een jquery plugin te zijn tegengekomen die precies doet wat ge wilt.

was tijdens 't zoeken achter jquery slider of simple slider denk ik.
Q

QuietKillah

Legacy Member
kheb na wat zoeken ook één gevonden kwicks genaamd, die is echt deftig. maar het enige probleem is dat ik layout problemen heb.
ik krijg het maar niet juist gepositioneerd.
zoals je hier kan zien

moest iemand de source willen zien: hier
Z

Zero Grav

Legacy Member
Even de code bekeken en verschillende dingen:
- Ge moet uw container, .kwicks, position: relative geven omdat de plugin alle li's position: absolute meegeeft. Indien ge geen relative positioning meegeeft gaat em die li's dus tegenover de body positioneren en niet tegenover de li's.
- Uw 'max' property mag niet hoger zijn dan de width van uw .kwicks, dus de som van de breedtes van alle li's + eventuele spacing. 600 is dus veel te veel, want ge hebt nu 215px maxbreedte. Wilt ge meer, dan moet ge uw breedte van uw li verhogen.
Q

QuietKillah

Legacy Member
hmm oke, dat krijg ik nu werkend. nu zit ik wel nog met het probleem dat het 4e kader een grotere marge laat dan de andere 3 (dit staat nochtans nergens in css).
zie: Horizontal Slide Menu
Z

Zero Grav

Legacy Member
Een CSS reset toevoegen voor uw eigen css lost het op:

Code: 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css" />
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan