login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Achtergrond afbeelding laten laden en "flitsen".

Offline Brunge - 04/04/2011 21:23
Avatar van BrungeNieuw lid Ik zet dit topic maar bij PHP maar eigenlijk heb ik geen idee in wat voor taal het volgende mogelijk is:

Ik heb een website gemaakt die gebruik maakt van een grote achtergrond afbeelding. Nu is deze nogal zwaar om te laden en wou ik zoals www.apple.com, de afbeelding eerst volledig laten laden om daarna op te "flitsen" als het ware. Heeft iemand een idee hoe dit gerealiseerd kan worden en mij eventueel ook kan linken naar een tutorial of script?


vg
Jan

6 antwoorden

Gesponsorde links
Offline valles10 - 04/04/2011 22:35
Avatar van valles10 HTML interesse Javascript is dit.
met de $(document).ready(function(){}); en een fadeIn() moet het lukken.
google meer eens voor jQuery ;)
Offline WouterJ - 04/04/2011 22:43
Avatar van WouterJ HTML gevorderde Dit kan je dan veel beter met gewoon JavaScript doen:
  1. if( document.addEventListener ) {
  2. document.body.addEventListener('load', setBackground, false);
  3. }
  4. if( document.attachEvent ) {
  5. document.body.attachEvent('onload', setBackground);
  6. }
  7. function setBackground() {
  8. document.body.style.background = "url('path/naar/image.png')";
  9. }
Offline Jurgo - 05/04/2011 13:22
Avatar van Jurgo PHP interesse Effecten kun je eenvoudig implementeren met jQuery: http://api.jquery.com/fadeIn/
Offline valles10 - 05/04/2011 16:44
Avatar van valles10 HTML interesse
Waldio schreef:
Dit kan je dan veel beter met gewoon JavaScript doen:
[..code..]

Jawel, maar hij wil ook een flash-effect erbij hé ;)
Offline WouterJ - 05/04/2011 17:53
Avatar van WouterJ HTML gevorderde
valles10 schreef:
Jawel, maar hij wil ook een flash-effect erbij hé ;)

Had niet begrepen dat hij een fadeIn effect bedoelde.
Offline Martijn - 05/04/2011 18:40
Avatar van Martijn Crew PHP wat ook een goed idee is, is de kwaliteit een klein stukje lager zetten. Elk beetje minder kwaliteit maakt op grote afbeeldingen een hoop aan bestandsgrootte uit, zonder dat je het soms ziet.

En daarna door Smush.it heen halen (van Yahoo!), die hebben een tool die afbeeldingen aan bestandsgrootte verkleint, maar niet zichtbaar voor het oog. Kan toch snel 10% kleiner namelijk.

Als je dat hebt gedaan zou je is opnieuw kunnen afwegen of je dan nog met JS moet werken 
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.167s