:strip_icc():strip_exif()/u/391787/vendetta.jpg?f=community)
Hallo Tweakers,
Ik ben op zoek naar een mogelijkheid om verschillende html elementen (cirkels) gelijkmatig te verspreiden om een centraal html element. Zoals in dit voorbeeld: http://jsfiddle.net/gYBw3/.
In het voorbeeld zijn er 8 cirkels. Voor deze cirkels heb ik met css 8 absolute posities bepaald. Als er echter in plaats van 8 cirkels, 15, 25 of 3 cirkels zijn, wil ik deze ook gelijkmatig om de centrale cirkel verspreid hebben. Als er een groot aantal is, kan dit bijvoorbeeld in twee ringen om de centrale cirkel heen i.p.v één. Dit hoeft niet in een perfecte ring, maar het moet wel gelijkmatig verspreid zijn zonder dat de cirkels elkaar overlappen.
Het is natuurlijk prima mogelijk om ook dit met absolute posities op te lossen, alleen is dit totaal niet dynamisch en nogal tijdrovend.
Weet iemand een goede manier om dit op te lossen of heeft iemand wat zoektermen waarmee ik verder kan zoeken? Misschien dat er al een library/plugin bestaat die dit kan?
Ik zat te denken om in js een grid met cellgrootte x,y te definiëren en dan op basis van het aantal te positioneren elementen te bepalen hoeveel cellen van het grid ik moet overslaan voordat ik een nieuwe positie pak.. klinkt vaag? Klopt, daarom voordat ik dit idee verder uitwerk.. iemand een beter idee?
Ik ben op zoek naar een mogelijkheid om verschillende html elementen (cirkels) gelijkmatig te verspreiden om een centraal html element. Zoals in dit voorbeeld: http://jsfiddle.net/gYBw3/.
In het voorbeeld zijn er 8 cirkels. Voor deze cirkels heb ik met css 8 absolute posities bepaald. Als er echter in plaats van 8 cirkels, 15, 25 of 3 cirkels zijn, wil ik deze ook gelijkmatig om de centrale cirkel verspreid hebben. Als er een groot aantal is, kan dit bijvoorbeeld in twee ringen om de centrale cirkel heen i.p.v één. Dit hoeft niet in een perfecte ring, maar het moet wel gelijkmatig verspreid zijn zonder dat de cirkels elkaar overlappen.
Het is natuurlijk prima mogelijk om ook dit met absolute posities op te lossen, alleen is dit totaal niet dynamisch en nogal tijdrovend.
Weet iemand een goede manier om dit op te lossen of heeft iemand wat zoektermen waarmee ik verder kan zoeken? Misschien dat er al een library/plugin bestaat die dit kan?
Ik zat te denken om in js een grid met cellgrootte x,y te definiëren en dan op basis van het aantal te positioneren elementen te bepalen hoeveel cellen van het grid ik moet overslaan voordat ik een nieuwe positie pak.. klinkt vaag? Klopt, daarom voordat ik dit idee verder uitwerk.. iemand een beter idee?
Evey: "Who are you? " V: "Who? Who is but the form following the function of what and what I am is a man in a mask."
/u/465874/mark.png?f=community)