login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Fancybox load (Opgelost)

Offline radiofreak - 12/06/2010 21:05 (laatste wijziging 12/06/2010 21:07)
Avatar van radiofreakNieuw lid Weet er iemand hoe je een afbeelding kan laten verschijnen als de hoofdpagina geladen is?
Ik wil namelijk een actie promoten en denk aan een Splash-page. Ik heb me laten vertellen dat ik Fancybox kan gebruiken.

Welk script moet ik gebruiken om de afbeelding te doen verschijnen van zodra iemand de website opent?

P.S.: Er staat op deze pagina informatie over hoe het moet, maar ik geraak er niet echt wijs uit.
http://fancybox.net/blog/index.html --> Punt 6: Start FancyBox on page load

6 antwoorden

Gesponsorde links
Offline UpLink - 12/06/2010 21:50
Avatar van UpLink ... dit zet je in het begin van je head:

  1. <script language="JavaScript">
  2. jQuery(document).ready(function() {
  3. $.fancybox(
  4. '<h2>Hi!</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque</p>',
  5. {
  6. 'autoDimensions' : false,
  7. 'width' : 350,
  8. 'height' : 'auto',
  9. 'transitionIn' : 'none',
  10. 'transitionOut' : 'none'
  11. }
  12. );
  13. });
  14. </script>


Offline radiofreak - 13/06/2010 09:18 (laatste wijziging 13/06/2010 09:37)
Avatar van radiofreak Nieuw lid Dit script staat nu in mijn head, en moet ik nu nog iets toevoegen in mijn body?
Ik moet nog ergens mijn afbeelding opgeven zeker?
Ik dacht aan <body onLoad=.... maar ik weet niet precies hoe ik dit moet doen.
Offline UpLink - 13/06/2010 09:56 (laatste wijziging 13/06/2010 10:03)
Avatar van UpLink ... Je geeft gewoon je afbeelding op in dat stukje JavaScript op regel 4.

En natuurlijk moet je ook de JQuery-library includen op je pagina.
Offline radiofreak - 13/06/2010 10:31
Avatar van radiofreak Nieuw lid momenteel staat er in mijn head gedeelte:
  1. <script language="JavaScript">
  2. jQuery(document).ready(function() {
  3. $.fancybox(
  4. '<h2>Hi!</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque</p>',
  5. {
  6. 'autoDimensions' : false,
  7. 'width' : 350,
  8. 'height' : 'auto',
  9. 'transitionIn' : 'none',
  10. 'transitionOut' : 'none'
  11. }
  12. );
  13. });
  14. </script>

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  2.  
  3. <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
  4. <link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />


maar er verschijnt nog steeds geen Splashscreen...
Offline TotempaaltJ - 13/06/2010 11:49
Avatar van TotempaaltJ PHP interesse Punt 1: Het is niet <script language="javascript"> maar <script type="text/javascript">
Punt 2: Je moet het eerste codeblok onder het tweede zetten.
Punt 3: In je javascript staat op regel 4:
  1. '<h2>Hi!</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque</p>',

Als je dit verandert in:
  1. '<img src="afbeelding.png" />',

Heb je een afbeelding.

Als het goed is. 
Offline radiofreak - 13/06/2010 12:27 (laatste wijziging 13/06/2010 13:57)
Avatar van radiofreak Nieuw lid Thx! Het werkt!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.253s