PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
T

Javascript image inladen

Door Tim Kampherbeek op 12-11-2009 13:06
1.668 views
Beste mensen,

Momenteel heb ik een pagina waar mijn portfolio op word weergeven

Hierbij laat ik een paar images zien en doormiddel van thickbox.js laat ik de grote plaatjes voor het gehele resultaat.

Enkel nu als je op de pagina komt zie je de png's geladen worden dus eerst lijkt het of er geen plaatje staat.

Graag wil ik deze plaatjes via javascript inladen dat mensen zien dat die plaatjes geladen worden.

dit is mijn html


<tr>
	<td><a href="images/portfolio/twitterbig.png" title="Tweeter Sourcer" class="thickbox"><img src='http://www.php-scripting.com/images/portfolio/twitter.png' width='600px;'></a></td>
</tr>
<tr>
	<td><a href="images/portfolio/hooligansbig.png" title="Hooligansworld" class="thickbox"><img src='http://www.php-scripting.com/images/portfolio/hooligans.png' width='600px;'></a></td>
</tr>
<tr>
	<td><a href="images/portfolio/webshopbig.png" title="Webshop" class="thickbox"><img src='http://www.php-scripting.com/images/portfolio/webshop.png' width='600px;'></a></td>
</tr>
<tr>
	<td><a href="images/portfolio/flipbig.png" title="Webshop" class="thickbox"><img src='http://www.php-scripting.com/images/portfolio/flip.png' width='600px;'></a></td>
</tr>


B.V.D

Tim
?
Onbekende gebruiker
12-11-2009 13:13
[google]javascript image preload[/google]
Zijn echt heel veel manieren voor. Adobe heeft ook wat bijvoorbeeld, alleen ik kan niet op die naam komen. Iets met mm en clip geloof ik.

(Dat je hier tabellen gebruikt is denk ik niet zo net.)
T
Tim Kampherbeek
12-11-2009 13:25
Dankje Karl,

Jah ik gebruik hier tables idd
?
Onbekende gebruiker
12-11-2009 13:27
Ja, en die moet je niet gebruiken.
T
Tim Kampherbeek
12-11-2009 13:36
Oh ok.,, Dit is het javascript wat ik nu heb,, heb je een voorbeeld voor me hoe ik dit kan gebruiken miss?

want denk dat ik een div een id of wat dan ook moet geven


    <SCRIPT language="JavaScript">
    <!--

    if (document.images)
    {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://www.php-scripting.com/images/portfolio/twitter.png;
      image_url[1] = "http://www.php-scripting.com/images/portfolio/hooligans.png";
      image_url[2] = "http://www.php-scripting.com/images/portfolio/webshop.png";
      image_url[3] = "http://www.php-scripting.com/images/portfolio/flip.png";

       var i = 0;
       for(i=0; i<=3; i++) 
         preload_image_object.src = image_url[i];
    }

    //-->
    </SCRIPT>
?
Onbekende gebruiker
12-11-2009 13:40
Geen id.
Staat vast wel op de site waar je het weg hebt.
Leer ook maar gelijk hoe die technieken werken.
k
koen
12-11-2009 13:42
je moet een div benaderen via id ja.
dit kun je heeel gemakkelijk leren.
www.W3Schools.com
?
Onbekende gebruiker
12-11-2009 13:47
koen schreef op 12.11.2009 13:42
je moet een div benaderen via id ja.
dit kun je heeel gemakkelijk leren.
www.W3Schools.com

Dit is niet relevant he.
Bovendien moet die div dan wel een id hebben.
Elk element met een id kan benaderd worden.
T
Tim Kampherbeek
12-11-2009 13:49
en het id moet zijn? preload_image_object?
k
koen
12-11-2009 13:51
het id dat je geeft aan je div.
?
Onbekende gebruiker
12-11-2009 13:52
koen schreef op 12.11.2009 13:51
het id dat je geeft aan je div.

Dude, bekijk dat script en lees eens.
Je hebt daar niks aan.

Reageren

Inloggen om te reageren