[JS] Preloader

[Verwijderd]

Ja ik heb de search gebruikt, maar ik kom er niet helemaal uit. Het probleem is namelijk niet dat de arrays niet werken ofzo, maar dat imagenames[i].src alleen een object blijft als je die in een alert stopt en niet nieuws.sr bijvoorbeeld.

code:

allimages = new Array("buttons/over_vera.gif", "buttons/over_veraon.gif", "buttons/nieuws.gif", "buttons/nieuwson.gif");
imagenames = new Array("over_vera", "over_veraon", "nieuws", "nieuwson");


function preload() {
    for (i = 0; i < allimages.length; i++) { 
        bk = imagenames[i];
        imagenames[i] = new Image();
        imagenames[i].src = allimages[i];
    }
}

Het staat op deze website:
www.mdt.tech.nhl.nl/users/timme204/vera/

Verder heb ik nog het probleem dat de positionering van de het menu item (Over Vera) in Opera 7.10 en Mozilla 1.4 niet werkt. Het lijkt net of deze browsers deze relative pakken ofzo. Ik heb hier ook opgezocht bij de search maar kon hier niks over vinden behalve dan dat sommige browsers pixels anders interpreteren.

[DaRace]

sorry, niet goed gelezen

[ Voor 72% gewijzigd door DaRace op 17-09-2003 13:29 ]

[curry684]

Heb je in de search wel bij Webdesign & Graphics gezocht ipv Programming & Webscripting gezien het feit dat Javascript daar thuishoort?

Moved iig.

[Verwijderd]

ja sorry ik kwam daar ook net achter ik het in /14 gepost had..

volgens mij heb je gewoon 2 arrays van strings, dit heeft niets met afbeeldingen te maken. Je moey zoiets doen:

Wat kan ik doen?

[Pelle]

Ik snap werkelijk waar niet wat je bedoelt.

[crisp]

Je overschrijft je strings in je imagenames array met image-objecten en je vind het vreemd dat je vervolgens je strings niet meer terugkrijgt bij een alert?

En je positioneringsproblemen kunnen nog wel eens te maken hebben met de welbekende boxmodel verschillen (ja, dat is een zoekwoord )

[Verwijderd]

Nou ik wil een preloader maken met javascript omdat ik dit stukje tekst onhandig vind om steeds te herhalen voor elk knopje:

code:

linksoff = new Image(); linksoff.src = "buttons/links_off.gif";

function preload() {
for (i = 0; i < allimages.length; i++) {
bk = imagenames[i];
imagenames[i] = new Image();
imagenames[i].src = allimages[i];
}
}

Alleen kan hij nu linksoff.src niet vinden waardoor hij een fout geeft. Het probleem zit in dit stukje: imagenames[i].src = allimages[i]; alleen ik snap niet wat er mis is.

[Verwijderd]

crisp schreef op 17 september 2003 @ 13:38:
Je overschrijft je strings in je imagenames array met image-objecten en je vind het vreemd dat je vervolgens je strings niet meer terugkrijgt bij een alert?

En je positioneringsproblemen kunnen nog wel eens te maken hebben met de welbekende boxmodel verschillen (ja, dat is een zoekwoord )

Ja daar was ik ook al achter gekomen, van het overschrijven van het array. Ik dacht aan:

function preload() {
for (i = 0; i < allimages.length; i++) {
bk = imagenames[i];
imagenames[i] = new Image();
bk.src = allimages[i];}
}
maar dat werkt ook niet. Weet jij hoe ik dat dan kan oplossen?

[crisp]

omdat je ook helemaal geen variabele linksoff meer hebt; in plaats daarvan zal je met jouw preloader moeten verwijzen naar imagenames[x].src waarbij x de juiste index is.

Een alternatief, als je toch liever van naampjes gebruik maakt:

JavaScript:

var allimages = {
  over_vera: 'buttons/over_vera.gif',
  over_veraon: 'buttons/over_veraon.gif',
  nieuws: 'buttons/nieuws.gif',
  nieuwson: 'buttons/nieuws.gif'
}

for (var naampje in allimages) {

  window[naampje] = new Image();
  window[naampje].src = allimages[naampje];

}

[ Voor 57% gewijzigd door crisp op 17-09-2003 13:50 ]

[Verwijderd]

Aha ik heb het even bekeken, en het is dus of ik geef alle plaatjes een nummer of ik doe per plaatje het for lusje?

for (var over_vera in allimages) { window[over_vera] = new Image(); windowover_vera].src = allimages[over_vera];}

[crisp]

Verwijderd schreef op 17 september 2003 @ 14:33:
Aha ik heb het even bekeken, en het is dus of ik geef alle plaatjes een nummer of ik doe per plaatje het for lusje?

for (var over_vera in allimages) { window[over_vera] = new Image(); windowover_vera].src = allimages[over_vera];}

Nee, mijn voorbeeld zou zo onveranderd moeten werken al. Echter stop ik zelf meestal mijn images wel in een (named) array, ander krijg je zoveel globale variabelen:

JavaScript:

var allimages = {
  over_vera: 'buttons/over_vera.gif',
  over_veraon: 'buttons/over_veraon.gif',
  nieuws: 'buttons/nieuws.gif',
  nieuwson: 'buttons/nieuws.gif'
}
var imagenames = [];

for (var naampje in allimages) {

  imagenames[naampje] = new Image();
  imagenames[naampje].src = allimages[naampje];

}

nu kan je bv dmv document.images['bla'].src = imagenames['nieuwson'].src je images swappen.

[ Voor 3% gewijzigd door crisp op 17-09-2003 14:41 ]