Hallo,
bin java-neuling und habe mit Photoshop eine html-Seite mit einen Button mit Rollover-Effekt erstellt (siehe Skript weiter unten). Das läuft soweit auch.
Jetzt möchte ich den selben Button mehrfach verwenden, weiß aber nicht, wie ich das Skript dazu anpassen muß. Kann mir da jemand helfen?
Danke im voraus,
Jan.
OhneTitel-1
<!–
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];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
Ampel_01_over = newImage(„images/Ampel_01-over.gif“);
preloadFlag = true;
}
}
// -->
hier ein Beispiel
hi…
zum einen handelt es sich hierbei nicht um JAVA sondern um JAVASCRIPT. dies ist ein elementarer unterschied.
ist ganz einfach… du musst einfach nur die imagenamen anpassen. kein name darf doppelt vorkommen, sonst krachts.
hier ein auschnitt:
> function preloadImages() {
> if (document.images) {
> Ampel\_01\_over = newImage("images/Ampel\_01-over.gif");
Ampel\_02\_over = newImage("images/Ampel\_02-over.gif");
> preloadFlag = true;
> }
> }
Im BODY BEREICH änderst du einfach nur das NAME attribute des Images und die MOUSEOVER sowie die MOUSEOUT funktionsnamen.
das nachfolgende beispiel ist nur ein auschnitt und zur besseren darstellung auseinandergefriemelt... wenn du es nicht verstehst, dann frag mich nochmal... dann kriegste ne mail... aber bitte versuche es erstmal selber...
>
Ampel\_02',images/Ampel\_02.gif');
onmouseover="changeImages('Ampel\_02','images/Ampel\_02-over.gif');
onclick="changeImages('Ampel\_02', 'images/Ampel\_02.gif');"
onmouseout="changeImages('Ampel\_02', 'images/Ampel\_02.gif');
href="bonebutton.html#"\>
Ampel\_02\>
Ich habe alle wichtigen Bereiche FETT dargestellt. Anhand dessen solltest Du dein Script erweitern koennen.
Sorge abe dafuer, dass die GIF dateien auch vorliegen… sonst funktionierts nicht… also erst die grafiken erstellen.
grusz
PixelKoenig
Hallo Pixelkönig,
danke für Deine Antwort im Java-Script-Forum von Wer-weiss-was.de.
Ich habe das Skript entsprechend Deiner Angaben abgeändert, habe jetzt auch zwei Button an denen der Link funktioniert, aber der Rollovereffekt nicht mehr. Ausserdem bekomme ich eine Fehlermeldung vom Browser:
Zeile: 18
Zeichen: 4
Fehler: ‚document[…]‘ ist null oder kein Objekt.
Code: 0
Das ist das dazugehörige Script:
OhneTitel-1
<!–
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];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
Ampel_01_over = newImage(„images/Ampel_01-over.gif“);
Ampel_02_over = newImage(„images/Ampel_02-over.gif“);
preloadFlag = true;
}
}
// -->
eine Frage habe ich noch:
ist das richtig, das ich ein und die selbe Grafik nicht für mehrere Buttons verwenden kann? Sprich: ich muß die selbe Grafik mehrmals laden wenn ich gleich aussehende Buttons erzeugen will?
Für weitere Hilfe wäre ich dankbar,
Gruß,
JanSteu