Thomas Handke: changin Image and Map

Beitrag lesen

Hallo Antje! HIGH Forum.

Vielen Dank für Deine Antwort.

Ich sehe mich eher als Designer als Programierer. Als ich vor einem reichlichen Jahr damit angefangen habe, habe ich html in wenigen Tagen über sef-html gelernt. (LOB! LOB! SUPER TUTORIAL) Mich interesiert eher, welche Schrift nehme ich, welche Farben, wie Struckturiere ich logische die Informationene ect.

Nun brauch ich aus Design gründen aber auch Javascript Kenntnisse. Aber das ist so ungleich kryptischer wie html. (seufz)

Ich werde Deinen Script in Ruhe durcharbeiten, aber ich vertehe noch zu wenig.

Eine dumme Frage:

Ich verfolge (in meiner Naivität) folgenden Ansatz:

Image Ready hat mir folgenden Script generiert:

function newImage(arg) {
if (document.images) {
  rslt = new Image();
  rslt.src = arg;
  return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
  for (var i=0; i<changeImages.arguments.length; i+=2) {
   document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
  }
}
}

Wozu die Function newImage da ist, weiß ich nicht (Fehler abfangen???). Die Function changeImage ist die defenition der Funktion, mit der ich dann arbeiten kann:

z.B.
<A HREF="Ziele.html" ONMOUSEOVER="changeImages('Punkt1', '../IMG/Punkt.gif', 'Punkt2', '../IMG/Punkt-over.gif', 'Roll', '../IMG/Roll-Punkt2_over.gif'); return true;"
   ONMOUSEOUT="changeImages('Punkt1', '../IMG/Punkt-over.gif', 'Punkt2', '../IMG/Punkt.gif', 'Roll', '../IMG/Roll-Punkt1_over.gif'); return true;"><IMG
   SRC="../IMG/Punkt.gif" WIDTH="34" HEIGHT="25" ALIGN="BOTTOM" BORDER="0" NAME="Punkt2"></A>

Das vertehe ich und kann nun programieren, onMouseover zeige im Bild mit dem Namen "bla" das Bild "bla2". usw.

Ich stelle mir eine Funktion changeMap vor. Dann definier ich für jedes Bild eine eigene Map mit Namen des Bildes und kann die Maps mit: changeMap('Punkt1', 'MapPunkt1', .....ect  wechseln.

Könnte die Function vielleicht so, oder ähnlich, aussehen?

ACHTUNG! KEIN KLUGER CODE!!!!!!
function changeMap() {
if (document.links) {
  for (var i=0; i<changeMap.arguments.length; i+=2) {
   document[changeMap.arguments[i]].src = changeMap.arguments[i+1];
  }
}
}
ACHTUNG! KEIN KLUGER CODE!!!!!!

Oder ist dieser Ansatz falsch??? (bis jetzt klappt das noch nicht, es bleibt immer die gleich Map)

Vielen Dank!
peace
fusske