Rollover: Verander meerdere plaatjes ?

[Verwijderd]

Aangezien ik meer verstand heb van ontwerpen en op technisch vlak nog vaak stoei met allerlei uitdag.. eh problemen zit ik ook nu met een probleempje.

http://stefkuh.tripod.com/menu/menu_test.html

Hierop staat een menuutje. Nouhja de eerste knop van een menuutje (ga aub niet zeggen: "nou jij kan ontwerpen zeg.. een paar blokjes kleur.. pfff", want dat heb ik expres zo ingesteld om ff makkelijker te kunnen zien wat er gebeurd ). Wat de bedoeling is:

Ik wil dat als je met de muis over plaatje A gaat A, A1, A2 & A3 laat veranderen. Dus niet alleen A1

Script & HTML dat ik heb gebruikt:

code:

<script language="javascript">
<!-- hide script from old browsers

window.onerror = null;

var netscape = 0;
var goodIE = 0;
browserName = navigator.appName.substring(0,8);
browserVer = parseFloat(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3)
{ netscape = 1; }
if (browserName == "Microsof" && browserVer >= 4)
{ goodIE = 1; }
// end error trapping code


if (netscape || goodIE) {

      pic1 = new Image(204,3);
      pic1.src = "images_menu/nixel.gif";

      pic2 = new Image(204,3);
      pic2.src = "images_menu/home_01_over.gif";

      pic3 = new Image(204,3);
      pic3.src = "images_menu/home_03_over.gif";

      pic4 = new Image(204,3);
      pic4.src = "images_menu/home_04_over.gif";

// Dit zijn de cijfer Mouse Overs
// a1 is het hoofdplaatje bij Mouse Out en a2 bij Mouse Over

      a1 = new Image(100,50); 
      a1.src = "images_menu/home_02_out.gif";      
      a2 = new Image(100,50);
      a2.src = "images_menu/home_02_over.gif";
}

function hiLite(imgDocID, imgObjName, imgDocID2, imgObjName2) {
if (netscape || goodIE) {
        document.images[imgDocID].src = eval(imgObjName + ".src");
        document.images[imgDocID2].src = eval(imgObjName2 + ".src");
}}

//end hiding -->
</script>

Bij de betreffende plaatjes staat deze code / benaming etc:

code:

<td width="204" background="images_menu/home_01_out.gif">
          [img]"images_menu/home_01_out.gif"[/img]
</td>

<td width="204"><a href="menu_test.html"
                     onMouseOver="hiLite('pic','pic2','a','a2'); window.status='';return true;"
                     onMouseOut="hiLite('pic','pic1','a','a1'); window.status='';return true;"
                     onClick="window.focus()">
          [img]"images_menu/home_02_out.gif"[/img]</a></td>

<td width="204" background="images_menu/home_03_out.gif">
          [img]"images_menu/home_03_out.gif"[/img]
</td>

<td width="204" background="images_menu/home_05_out.gif">
          [img]"images_menu/home_04_out.gif"[/img]
</td>

Is er iemand die mij op weg kan helpen? Ik heb me uren zitten doodstaren op het script en van alles geprobeerd toe te voegen, maar niks werkte... mijn dank zal groot zijn :y

[elevator]

Dit is meer iets voor Webdesign & Graphics lijkt me - het heeft iig niet zo heel veel te maken met Software Algemeen
Ik verplaats je topic dan ook even

[Verwijderd]

elevator schreef op zondag 06 februari 2005 @ 12:23:
Dit is meer iets voor Webdesign & Graphics lijkt me - het heeft iig niet zo heel veel te maken met Software Algemeen
Ik verplaats je topic dan ook even

Wat je gelijk hebt Kzat denk ik met mijn neus te kijken

[crisp]

Op regel 12 heb je al een typo in je (compleet overbodige) browsersniff.
Verder zou ik gewoon een array voor je preloaded images gebruiken zodat je geen ranzige evals hoeft te gebruiken:

code:

<script type="text/javascript">

var preloadImages = new Array();
preloadImages['pic1'] = new Image(204,3);
preloadImages['pic1'].src = 'images_menu/nixel.gif';
preloadImages['pic2'] = new Image(204,3);
preloadImages['pic2'].src = 'images_menu/home_01_over.gif';
preloadImages['pic3'] = new Image(204,3);
preloadImages['pic3'].src = 'images_menu/home_03_over.gif';
preloadImages['pic4'] = new Image(204,3);
preloadImages['pic4'].src = 'images_menu/home_04_over.gif';

// Dit zijn de cijfer Mouse Overs
// a1 is het hoofdplaatje bij Mouse Out en a2 bij Mouse Over

preloadImages['a1'] = new Image(100,50); 
preloadImages['a1'].src = 'images_menu/home_02_out.gif';      
preloadImages['a2'] = new Image(100,50);
preloadImages['a2'].src = "images_menu/home_02_over.gif";

function hiLite(imgDocID, imgObjName, imgDocID2, imgObjName2)
{
    document.images[imgDocID].src = preloadImages[imgObjName].src;
    document.images[imgDocID2].src = preloadImages[imgObjName2].src;
}

</script>

[Verwijderd]

crisp schreef op zondag 06 februari 2005 @ 12:30:
Op regel 12 heb je al een typo in je (compleet overbodige) browsersniff.
Verder zou ik gewoon een array voor je preloaded images gebruiken zodat je geen ranzige evals hoeft te gebruiken:

code:

Code verwijderd

Thnx ja ik ebn echt een leek, zoals ik al zei. Ben vormgever en dit staat idd wat overzichtigerlijker. Maar kom ik er nog niet uit hoe ik A3 en A4 ook kan late veranderen can you help me with it?

[Verwijderd]

anyone? ik zal u voor eeuwig dankbaar zijn

[crisp]

Bekijk de functie eens goed en probeer het te begrijpen - zo moeilijk zit het niet in elkaar (ik zal je niet vermoeien met opmerkingen dat het flexibeler kan door een array als argument mee te sturen naar de functie of de tip om de arguments property van de functie zelf door te lopen).
Hier in W&G wordt er van je verwacht dat je zelf wat moeite steekt in het oplossen van je probleem, daar leer je ook weer van. Als je echter niet van plan bent om javascript te gaan leren dan heb ik maar 1 tip: gebruik het dan ook niet.

en je topic kicken binnen 24 uur is hier ook niet toegestaan

[Verwijderd]

crisp schreef op zondag 06 februari 2005 @ 16:00:
Bekijk de functie eens goed en probeer het te begrijpen - zo moeilijk zit het niet in elkaar (ik zal je niet vermoeien met opmerkingen dat het flexibeler kan door een array als argument mee te sturen naar de functie of de tip om de arguments property van de functie zelf door te lopen).
Hier in W&G wordt er van je verwacht dat je zelf wat moeite steekt in het oplossen van je probleem, daar leer je ook weer van. Als je echter niet van plan bent om javascript te gaan leren dan heb ik maar 1 tip: gebruik het dan ook niet.

en je topic kicken binnen 24 uur is hier ook niet toegestaan

Dank je... nu ga ik mijn probleem voor morgen wel oplossen ja...

maargoed deze reactie zegt alles over dat ik hier verkeerd zit... ik leer zat, en verdiep me vaak in scripts (anders had je me hier wel eerder gezien de afgelopen jaren), heb daar nu één keer geen tijd meer voor en heb vanaf gisteren middag zitten zoeken, kloten, proberen tot vannacht... wil gewoon niet lukken en JA ik wil wél dat script gebruiken. Maar goed de behulpzaamheid is al tijden in geen velden of wegen meer te vinden in de wereld tegenwoordig. Dus dat de experts een leek niet willen helpen... top joh... klasse man.

Gooi d'r maar leker een slotje op... want dit zal ook waarschijnlijk als een 2e kick gezien worden. T'is wat allemaal...

[ Voor 5% gewijzigd door Verwijderd op 06-02-2005 16:21 ]

[crisp]

Wat verwacht je dan? Dat wij een kant en klaar script voor je in elkaar gaan zetten? Dan zit je hier inderdaad verkeerd ja.
Iets zegt mij ook dat als je na een hele middag en avond nog de logica van zo'n script niet inziet dat je dan wellicht maar beter iets anders kunt gaan doen...