Hoi Martijn,
Is dit mogelijk om te doen in niet-flash?
Jawel.
kan dit bijvoorbeeld met javascript?
Jawel. :d
Goeie vraag! :d :d
Op een vergelijkbare manier als een
foto-carrousel met overvloeiers, waar telkens een foto gaat infaden in een laagje boven een andere foto.
In geval van een background:
- Er komt een extra <div id="backgroundWrapper"> in de body.
- De bestaande background zit als bg-image in de html.
- In de #backgroundWrapper (= laag erboven) kan de nieuwe background infaden.
- Als dat klaar is, kan de nieuwe in de html (eronder) gezet worden: daar zie je niets van; en dat is nu de oude background geworden.
- Nu kan de volgende nieuwe in de #backgroundWrapper infaden.
- En weer eronder geschoven worden in de html, enz.
Er zijn dus twee mechaniekjes in het script: ééntje om in te faden, en ééntje om steeds de klaar staande naar de html te verhuizen zodat de volgende eroverheen kan faden.
En hoe ziet dat script er dan uit?
Bewijs dat het werkt?
Bij dit soort dingen moet je wel uitkijken dat de tekst nog goed leesbaar blijft boven het achtergrond-geweld. Je kan bv. de achtergronden allemaal vrij licht maken (bij donkere tekst) of juist erg donker (bij lichte tekst). Of je kan eventueel een licht of donker semi-transparant tussenlaagje maken in de <div id="pageWrapper"> (waar de content in zit), zodat er voldoende contrast voor de tekst is.
Als de achtergrond-afbeeldingen opzij van de inhoud zitten, heb je daar natuurlijk geen last van.
Met vriendelijke groet,
CSShunter
[edit]Oeps! Andere browsers! Altijd hetzelfde liedje.
Firefox, Chrome en Opera doen het vlekkeloos. Maar Safari kan het tempo niet zo goed aan (wat langere intervaltijd nodig). En IE7 schuift de infadende afbeelding een stuk opzij. Naar oplossing wordt gezocht![/edit]
[edit]Zie volgende post.[/edit]
