Ik vind het altijd wel weer spannend om een nieuwe lay voor 1 van m’n websites te maken. Want echt lang blijf ik meestal niet in de huidige layout hangen. Voor leukvoorkids.nl heb ik de voorbereidingen al getroffen voor de wintertijd. Even wachten tot de Sinterklaas voorbij is (misschien dat ik daar nog iets mee doe in de vorm van een aangepaste banner ofzo) en dan ruil ik snel de huidige herfstkleuren in voor een winterse look and feel.

Voor een mooie kleurencombinatie ga ik meestal op bezoek bij Kuler van Adobe. Even zoeken op een sleutelwoord (in dit geval winter) en je krijgt een aantal (geslaagde en minder geslaagde) kleuren combi’s voor je giechel. Make your pick zou ik zeggen.

Vorig jaar had ik me uitgeleefd op een banner met sneeuwvlokken. Zou het niet tof zijn om het (de sneeuw bedoel ik) dit jaar met een flash animatie te doen. Na een half uurtje knoeien met movieclips met een sneeuwvlok die neerdwarrelen op basis van een motion guide layer daagt het me — dit wordt geen succes. Waarom zelf wanhopig slim proberen te zijn als iemand anders het in een tutorial al uitgebreid online heeft gezet. Zie hier Kirupa’s Snow 3.0 tutorial om behoorlijk realistische sneeuw te genereren in Actionscript. Hmm. Sweet!

Heb ik dan helemaal niks zelf gedaan? Toch wel. Een beetje tenminste. Niks is zo akelig als het willen tonen van een Flash animatie op een systeem dat het eigenlijk niet ondersteunt. Aan een half werkende pagina heeft niemand iets. Dus nagedacht over een beleefde manier van integratie (eerst checken of de basis voor de techniek aanwezig is, dan pas aan de slag) heb ik in elk geval. Met andere woorden: gewoon een beproefde manier van object detectie inzetten (FlashObject) en de benodigde pagina elementen in javascript code bouwen. Dan kun je je nooit een buil vallen:


function flashSneeuw() {
var fb = new SWFObject("/img/swf/sneeuw-no-bg.swf", "sneeuw_lvk", "940", "385", "8", "#ffffff");
fb.addParam("quality", "high");
fb.addParam("wmode", "transparent");

var container_sneeuw = document.createElement("div");
var links_container_sneeuw = document.getElementById("container").offsetLeft;



container_sneeuw.id="container-sneeuw";
container_sneeuw.style.position = "absolute";
container_sneeuw.style.display = "block";
container_sneeuw.style.top = "40px";
container_sneeuw.style.left = links_container_sneeuw + "px";
container_sneeuw.style.width = "940px";
container_sneeuw.style.height = "350px";
document.getElementById("menu").appendChild(container_sneeuw);
fb.write("container-sneeuw");
}

En ja, je hebt helemaal gelijk. Het is een stuk netter om alle stijldingetjes die niet dynamisch zijn in het css-bestand op te nemen in plaats van in het javascript te zetten. Dat komt nog wel goed voordat de boel live gaat.

Geschreven door HansR
Er is nog niet gereageerd op deze tekst.
Geplaatst in Flash · Mijn websites
Getagged als actionscript, Flash

Reageren:

RSS feed voor reacties op deze blogpost. TrackBack URL