Oscar Alexander — Uit den ouden doosch

JavaScript link fader

22-01-2005

Vrijdag zag ik op Gouw.nu, waar JustDesign gelinkt stond, een leuk effect op de linkjes. Deze vloeiden namelijk van de ene kleur in de andere wanneer je er met je muis overheen ging en dat zag er best sexy uit.

Het script dat erachter zag leek in eerste instantie onnodig lang en veel te complex. Ik vond dat ik dat zelf beter moest kunnen (en minstens ook geschikt voor Apple's Safari) dus heb ik zelf even flink zitten JavaScripten. Het ding is nu eindelijk klaar maar, helaas bijna even lang als de bestaande versie, maar wel werkend voor Safari. Hopelijk kunnen jullie me vertellen in welke PC browsers-ie wel of niet werkt.

Aan jullie de primeur. Voel je vrij om 'm te gebruiken voor je eigen sites!

Update 23-01

Het script is aangepast en weer een paar regels langer geworden. Bleek dat Firefox (als enige) een RGB string teruggeeft wanneer je CSS color property opvraagt met JavaScript, in tegenstelling tot een hexadecimale string. Dat moest dus weer geconverteerd worden. Bovendien snapte Firefox de directe benadering van variabelen binnen het "this" object niet (this.variabeleNaam) en moest alles via een omweg met this.getAttribute("variabeleNaam") worden opgelost.

Als-ie nog bugs vertoont hoor ik het graag!

Update 23-01

De snelheid zou in theorie weer wat verbeterd moeten zijn en het script is teruggebracht naar 100 regels code, vooralsnog werkend in alle browsers die ik ken. Je kunt 'm nog steeds hier bekijken en/of downloaden.