Imageswapping in javascript werkt maar half

Status
Niet open voor verdere reacties.
JeroenE

JeroenE

Terugkerende gebruiker
Lid geworden
20 mrt 2005
Berichten
1.950
Hallo,

Ik zit met een klein vraagje in verband met image swapping.

Ik heb een functie geschreven die perfect werkt, op voorwaarde dat ik na het veranderen van de src van de img een andere opdracht geef, vb een alert.

Hier is de code van de functie :

PHP: 
function changeImg(imgnum) {
document.theImage.src = "http://......." + imgnum + ".jpg";
};
Het probleem bestaat erin dat ik, als ik deze functie aanroep, de huidige afbeelding verdwijnt, maar de nieuwe afbeelding komt niet tevoorschijn. Ik moet telkens rechtsklikken en "afbeelding weergeven" klikken.

Zet ik echter een alert achter de document.theImage...... :
PHP: 
function changeImg(imgnum) {
document.theImage.src = "http://......." + imgnum + ".jpg";
alert(imgnum);
};
Dan werkt het perfect.

Hoe komt dat, en hoe kan ik dat oplossen.

Greetz : Jer:cool:en.
 
Ik heb de oplossing voor dit het probleem al gevonden, maar er komt nu een nieuw probleem aan het licht en ook hier weet ik niet direct een oplossing.

De afbeeldingen worden gepreload met de volgende functie :

PHP: 
var imgNum = new Array(6,4,18,3,5,2,8,13,7,10,17,9,16,11,14);
function preloadImg() {
var the_image = new Image();
for (var i = 0; i < imgNum.length; i++) {
the_image.src = "http://......." + ifZero(imgNum[i]) + ".jpg"
};
};
function ifZero(num) {
return (num < 10) ? "0" + num : num;
};
Het preloaden gebeurt echter niet.
PHP: 
<body onLoad="preloadImg();">

Wat is de oorzaak?

De 'http://........" staat in de src omdat het een site is die ik voor iemand aan het aanpassen ben en de testpagina op mijn hdd staat.

Greetz : Jer:cool:en.
 
Laatst bewerkt:
Blijkt nu dat het preloaden wel gebeurt, maar de afbeelding die er stond verdwijnt (zoals het hoort) en de afbeelding die in de plaats zou moeten komen verschijnt niet. Ik zet het hier even online.

Greetz : Jer:cool:en.
 
Laatst bewerkt:
In fIrefox werkt het wel.
Bij klikken op plaatjes komt een ander plaatje.
Vorige en volgende werkt niet.

In IE komt alleen het laatste plaatje van de berg tevoorschijn.
Bij klikken op ander plaatje: leeg,
klikken op berg, verschijnt weer.

Dus................ ik weet niet direct waar de fout te zoeken.

:cool:
 
Laatst bewerkt:
Thx om te checken.
Nu weet ik dat het niet het script is.

Vorige en volgende moet ik inderdaad nog maken.

Greetz : Jer:cool:en.
 
reis_peru.jpg
Schattig!!

Je kunt de imgNum Array makkelijker gebruiken via een indexnummer als imgNum[nr]

En beter de links niet als href="void(0)" onclick="changeImg(5)" maar als href="javascript:changeImg(5)" gebruiken.

En zonder if (i % 4 == 3) document.writeln("<br>"); Door <nobr>...</nobr> blijven de vorige en volgende pijltjes mooi staan en de kolommen van kleine foto's worden vanzelf 3 of 4 breed afhankelijk van de resolutie.


Het werkt allemaal zo te zien, zie bijlage.


Vr.Gr. Egel.
 

Bijlagen

Dank je wel Egel. :thumb: Je bent weer eens onze redder in nood. Nu nog hopen dat de helpmijer voor wie ik die pagina aangepast heb blij is met ons werk en het gebruikt hé. :D
Ik heb nog enkele zaken bijgevoegd zoals ik het vroeger eens van jou geleerd heb. ;)

Greetz : Jer:cool:en.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan