Als ik met mijn muis over een plaatje ga waar onmouseover in de link staat word deze geladen in een wit scherm maar nu wil ik het plaatje gewoon op de site showen zonder dat het hele scherm wit word hoe doe ik dit.
functie staat in regel 11 en in de regels 34 t/m 38 gebruik ik hem.
Je kan ergens een plaatsje geven voor die afbeelding, bv. onder die thumbs - of verboden, who cares - waarvoor je dan een 'placeholder' gaat zetten:
<div id="fotoGroot"></div>
In plaats van document.write(afbeelding) gebruik je dan document.getElementById('fotoGroot').innerHTML = afbeelding waardoor die afbeelding altijd op dezelfde plaats verschijnt en je niet plots 47 afbeeldingen op 1 pagina hebt staan.
oké dat werkt. Ik heb ook gelezen dat je plaatjes van te voren kun laden o.i.d. zodat je ze gelijk ziet en dus niet hoeft te wachten als je over een thumb heen gaat.
Dat kan je doen op verschillende manieren, bv - een heel echt eenvoudige manier - door op de achtergrond afbeeldingen te gaan definiëren en in te laden:
var afbeeldingen = new Array('foto1.jpg', 'foto2.jpg', 'foto3.jpg');
for(i = 0; i < afbeeldingen.length; i++) {
var img = new Image();
img.src = afbeeldingen[i];
}
var afbeeldingen =new Array('foto1.jpg','foto2.jpg','foto3.jpg');
for(i =0; i < afbeeldingen.length; i++){
var img =new Image();
img.src= afbeeldingen[i];
}
Er zijn uiteraard wel betere manieren, maar die zijn zeker te vinden in het forumarchief en via "preload images javascript" in Google.
Succes.
chill man!! Ik ga zeker kijken of ik meer kan leren maar heb net 6 colleges gehad op school dus en vond het toch wel zo leuk dat ik nu toch voor mezelf wel dingetjes ga maken.
Bedankt voor je hulp. Zo snel en dat om dit tijdstip (Y)
<script type="text/javascript">
<!--
function showFoto(nummer){
var afbeeldingen = new Array('fotos/beschoeiing1.jpg', 'fotos/beschoeiing2.jpg', 'fotos/beschoeiing3.jpg', 'fotos/beschoeiing4.jpg', 'fotos/beschoeiing5.jpg', 'fotos/beschoeiing6.jpg', 'fotos/beschoeiing7.jpg', 'fotos/beschoeiing8.jpg', 'fotos/beschoeiing9.jpg');
for(i = 0; i < afbeeldingen.length; i++) {
var img = new Image();
img.src = afbeeldingen[i];
}
var afbeelding;
afbeelding = "<img src=fotos/beschoeiing" + nummer + ".jpg border=1>";
document.getElementById('fotoGroot').innerHTML = afbeelding;
}
-->
</script>
<script type="text/javascript">
<!--
function showFoto(nummer){
var afbeeldingen =new Array('fotos/beschoeiing1.jpg','fotos/beschoeiing2.jpg','fotos/beschoeiing3.jpg','fotos/beschoeiing4.jpg','fotos/beschoeiing5.jpg','fotos/beschoeiing6.jpg','fotos/beschoeiing7.jpg','fotos/beschoeiing8.jpg','fotos/beschoeiing9.jpg');
for(i =0; i < afbeeldingen.length; i++){
var img =new Image();
img.src= afbeeldingen[i];
}
var afbeelding;
afbeelding ="<img src=fotos/beschoeiing"+ nummer +".jpg border=1>";
Njah, dat is een goeie poging, maar niet optimaal. Dat voorladen van die afbeeldingen mag je gerust BUITEN die functie zetten, dat hoeft maar 1 keer te gebeuren:
<script type="text/javascript">
<!--
var afbeeldingen = new Array('fotos/beschoeiing1.jpg', 'fotos/beschoeiing2.jpg', 'fotos/beschoeiing3.jpg', 'fotos/beschoeiing4.jpg', 'fotos/beschoeiing5.jpg', 'fotos/beschoeiing6.jpg', 'fotos/beschoeiing7.jpg', 'fotos/beschoeiing8.jpg', 'fotos/beschoeiing9.jpg');
for(i = 0; i < afbeeldingen.length; i++) {
var img = new Image();
img.src = afbeeldingen[i];
}
function showFoto(nummer){
document.getElementById('fotoGroot').innerHTML = "<img src=fotos/beschoeiing" + nummer + ".jpg border=1>";
}
-->
</script>
<script type="text/javascript">
<!--
var afbeeldingen =new Array('fotos/beschoeiing1.jpg','fotos/beschoeiing2.jpg','fotos/beschoeiing3.jpg','fotos/beschoeiing4.jpg','fotos/beschoeiing5.jpg','fotos/beschoeiing6.jpg','fotos/beschoeiing7.jpg','fotos/beschoeiing8.jpg','fotos/beschoeiing9.jpg');
for(i =0; i < afbeeldingen.length; i++){
var img =new Image();
img.src= afbeeldingen[i];
}
function showFoto(nummer){
document.getElementById('fotoGroot').innerHTML="<img src=fotos/beschoeiing"+ nummer +".jpg border=1>";
}
-->
</script>
En ik had inderdaad al in men bed moeten liggen op dit uur, morgen een examen
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
