"Flits" nabootsen op website

[dennisgodderie]

Goedemiddag allemaal,

Ben bezig met een campagne op te zetten voor één van mijn klanten.
Zij willen de Coyote's in de kijker zetten die zij verdelen en nu had ik het idee om:

- Men komt op de website en krijgt een gekleurde achtergrond 1 sec te zien.
- Na 1 sec wordt de achtergrond 1 sec wit en hierna terug de 1ste kleur.

Zo creëer ik hopelijk een "flits", waarna ik een boodschap kan plaatsen om de Coyote's te promoten.

Maar hoe kan zoiets doen? Ik weet niet goed achter wat ik moet zoeken (de termen)...
Suggesties?

[RobIII]

Zoiets

JavaScript:

window.setTimeout(
    function () {
        document.body.style.background = '#f00';
        window.setTimeout(
            function () {
                document.body.style.background = '#fff';
            }, 1000
        );
    }, 1000
);

Werkelijk minder dan 10 seconden googlen.

Mooier / netter is nog zoiets. Dan hou je de kleurtjes netjes in de CSS.

[ Voor 33% gewijzigd door RobIII op 27-02-2015 10:39 ]

[dennisgodderie]

Works! Thank you. Can I repeat that process one more time so it flashes 2 times?

[NMe]

Waarom ineens in het Engels? En waarom zou dat niet kunnen? Waarom probeer je het niet gewoon?

[.oisyn]

Ik weet niet of jij dat kan, maar natuurlijk kan dat. Hou er rekening mee dat dit een forum is voor mensen die zelf hun scripts maken. We willen je best helpen met een probleem, maar je zal het uiteindelijk wel zelf moeten doen. Het is zeker niet de bedoeling dat je hier kant-en-klare oplossingen krijgt.

Looking at you RobIII

[dennisgodderie]

Sorry, was even vergeten dat het Nederlands was.
Ok, bedankt. Ik probeer het zelf nog wat te herwerken zodat het 2x "flitst".

[RobIII]

.oisyn schreef op vrijdag 27 februari 2015 @ 11:22:
Looking at you RobIII

Once in a while ben ik in een goeie bui en ga ik i.p.v. lopen zagen over een Quickstart en strooien met Kan iemand even...?- en scriptrequest-linkjes gewoon de makkelijke route en geef ik gewoon waar om gevraagd wordt omdat dat in dat geval sneller is dan een heel epistel schrijven, linkjes bij elkaar sprokkelen etc. en iemand op z'n gebrek aan eigen inzet wijzen. En ja, dat was niet goed en lui van me. Sue me.

Gelukkig post ik in ieder geval nog constructief

Tju, heb ik tóch nog met de linkjes gestrooid

[ Voor 9% gewijzigd door RobIII op 27-02-2015 11:31 ]

[Bosmonster]

Vergeet je niet een epilepsie-waarschuwing toe te voegen?

[Grijze Vos]

Bosmonster schreef op vrijdag 27 februari 2015 @ 11:44:
Vergeet je niet een epilepsie-waarschuwing toe te voegen?

wat hij zegt.

[R4gnax]

Bosmonster schreef op vrijdag 27 februari 2015 @ 11:44:
Vergeet je niet een epilepsie-waarschuwing toe te voegen?

Yup. Wat hij zegt.

Goede promotie als je een paar mensen een aanval bezorgt.
Vreselijk slecht idee van de TS, imho.

[ Voor 11% gewijzigd door R4gnax op 03-03-2015 13:04 ]

[Pathogen]

Erg epileptisch vind ik dit niet. Eerder alsof de pagina niet goed laadt, of dat er een popup/popunder ergens verschijnt...

[MoietyMe]

Kan ook met CSS—moet je wel zelf de class toevoegen aan de body:

Cascading Stylesheet:

body.start-epileptic-animation {
  background-color: seagreen;
  animation: my-epileptic-animation linear .2s;
}

@keyframes my-epileptic-animation { 
  100% { background-color: #fff; }
}

[Morrar]

Pathogen schreef op dinsdag 03 maart 2015 @ 13:28:
Erg epileptisch vind ik dit niet. Eerder alsof de pagina niet goed laadt, of dat er een popup/popunder ergens verschijnt...

Meteen van zwart => wit ziet er inderdaad niet echt lekker uit. Ik zou het in een aantal cycles laten verlopen. Op zich is dat niet heel ingewikkeld te implementeren via de code van RobIII.

Als je het echt chique wilt maken laat je het script zelf de tussenkleuren berekenen en laat je de gebruiker het aantal stappen + duur v/d stappen opgeven.

Leuk programmeertaakje om een beetje te leren scripten zou ik zeggen

[ Voor 21% gewijzigd door Morrar op 12-03-2015 14:24 ]