nicht angemeldet
ich wolltet den code, hier habt ihr ihn!
<html>
<head>
<title> Bitte wählen Sie aus </title>
<script language="JavaScript">
<!--
ImNormal = new Image();
ImNormal.src = "buttons/news_butt_b2.gif";
ImHighlight = new Image();
ImHighlight.src = "buttons/news_butt_r2.gif";
function Bildwechsel(Bildnr,Bildobjekt)
{
document.images[Bildnr].src = Bildobjekt.src;
}
ImNormal1 = new Image();
ImNormal1.src = "ueberuns_butt_b2.gif";
ImHighlight1 = new Image();
ImHighlight1.src = "ueberuns_butt_r2.gif";
function Bildwechsel1(Bildnr,Bildobjekt)
{
document.images[Bildnr].src = Bildobjekt.src;
}
<!--
ImNormal2 = new Image();
ImNormal2.src = "buttons/interview_butt_b2.gif";
ImHighlight2 = new Image();
ImHighlight2.src = "buttons/interview_butt_r2.gif";
function Bildwechsel2(Bildnr,Bildobjekt)
{
document.images[Bildnr].src = Bildobjekt.src;
}
ImNormal3 = new Image();
ImNormal3.src = "buttons/kontakt_butt_b2.gif";
ImHighlight3 = new Image();
ImHighlight3.src = "buttons/kontakt_butt_r2.gif";
function Bildwechsel3(Bildnr,Bildobjekt)
{
document.images[Bildnr].src = Bildobjekt.src;
}
ImNormal4 = new Image();
ImNormal4.src = "buttons/start_butt_b2.gif";
ImHighlight4 = new Image();
ImHighlight4.src = "buttons/start_butt_r2.gif";
function Bildwechsel4(Bildnr,Bildobjekt)
{
document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
</head>
<body background="navi_breit.jpg">
<a href="news.html" target="rechts" onMouseOver="Bildwechsel(0,ImHighlight)" onMouseOut="Bildwechsel(0,ImNormal)"><img src="news_butt_b2.gif" border=0></a>
<center>
<a href="wir.html" target="rechts" onMouseOver="Bildwechsel1(1,ImHighlight1)" onMouseOut="Bildwechsel1(1,ImNormal1)"><img src="ueberuns_butt_b2.gif" border=0></a>
</center>
<center>
<a href="reportage.html" target="rechts" onMouseOver="Bildwechsel2(2,ImHighlight2)" onMouseOut="Bildwechsel2(2,ImNormal2)"><img src="interview_butt_b2.gif" border=0></a>
</center>
<center>
<a href="kontakt.html" target="rechts" onMouseOver="Bildwechsel3(3,ImHighlight3)" onMouseOut="Bildwechsel3(3,ImNormal3)"><img src="kontakt_butt_b2.gif" border=0></a>
</center>
<br>
<br>
<br>
<br>
<br>
<center>
<a href="willkommen.html" target="rechts" onMouseOver="Bildwechsel4(4,ImHighlight4)" onMouseOut="Bildwechsel4(4,ImNormal4)"><img src="start_butt_b2.gif" border=0></a>
</center>
</body>
</html>
-
Zur Erklärung:
Lilly hat die Chatter nach der Lösung ihrer Probleme gefragt und keine andere Möglichkeit gehabt, ihren Code online zu stellen als hier im Forum. Sie muss im Rahmen ihres Studiums die Aufgabe lösen, ihre Seiten für alle Auflösungen gleich aussehen zu lassen (was immer auch damit gemeint ist). Wir Chatter haben sie förmlich hier ins Forum geschubst. Also, bitte behutsam umgehen mit diesem Posting und eventuell mal einen sehr wertfreien Blick über ihren Code werfen, danke :-)
Viele Grüße,
Kirsten
-
hmm nun ja ,der Code ist wirklich sehr umständlich geschrieben ,aber es ist noch kein Meister vom Himmel gefallen.
-
Moin!
Sie muss im Rahmen ihres Studiums die Aufgabe lösen, ihre Seiten für alle Auflösungen gleich aussehen zu lassen (was immer auch damit gemeint ist).
Darf ich die Lilly dann mal fragen, was sie denn studiert?
So long
-
Hallo Calo,
Sie muss im Rahmen ihres Studiums die Aufgabe lösen, ihre Seiten für alle Auflösungen gleich aussehen zu lassen (was immer auch damit gemeint ist).
Darf ich die Lilly dann mal fragen, was sie denn studiert?
klar, darfst du (komischer Studiengang übrigens), aber frag mal lieber ihren Prof, was der studiert hat, <g>
Viele Grüße,
Kirsten
-
-
-
Hallo Lily,
also was den behutsamen umgang angeht, wir hier im forum mögen anrede
und verabschiedung und eine beschreibung des problems (möglichst
detailiert), ist nich gemeckert nur als hinweis. es gibt ne faq, da
steht alles drinne.Nun zu deinem code:
So wie ich Kirsten verstanden habe, geht es um<boq>
ihre Seiten für alle Auflösungen gleich aussehen zu lassen
<eoq>dein code hat damit aber sehr wenig zu tun, finde ich. schreibe bitte einfach mal eine erklärung, was du genau willst.
Was deine bildwechselscripts angeht: effizienter ist besser; schreib die erzeugten images in ein assoziatives array:
imgs = new Array();
for (k=0; k<=7; k++)
{
imgs[k] = new Array();
imgs[k]['normal'] = new Image();
imgs[k]['normal'].src = "navbild" + k + "_normal.gif";
imgs[k]['over'] = new Image();
imgs[k]['over'].src = "navbild" + k + "_over.gif";
}
wenn du jetzt deine bilder sinnvoll benennst kannst du dir ne menge arbeit sparen, also:navbild0_normal.gif
navbild0_over.gif
navbild1_normal.gif
navbild1_over.gif ...usw.eine für alles:
function Bildwechsel(Bildnr,zustand)
{
document.images[Bildnr].src = imgs[Bildnnr][zustand].src;
}aufruf dann folgendermaßen:
<a href="news.html" target="rechts"
onMouseOver="Bildwechsel(0,'over')"
onMouseOut="Bildwechsel(0,'normal')">
<img src="news_butt_b2.gif" border=0></a>Bye Ed X
-
Hallo
also was den behutsamen umgang angeht, wir hier im forum mögen anrede
und verabschiedung und eine beschreibung des problems (möglichst
detailiert), ist nich gemeckert nur als hinweis. es gibt ne faq, da
steht alles drinne.Ja ja schon klar. Aber wie haben Sie ja praktisch genötigt den code zu posten. Also drückt mal beide augen zu ;-)
Um diesen Thread nich ganz nutzlos für die Nachwelt werden zu lassen,
hier mein Beispielscript aus dem chat:<html>
<head>
<title> Bitte wählen Sie aus </title>
<script language="JavaScript">
var bilder = new Array();
bilder["normal"] = new Array();
bilder["highlight"] = new Array();bilder["normal"]["bild0"] = new Image();
bilder["normal"]["bild0"].src = "http://www.teamone.de/selfhtml/x1.gif";
bilder["highlight"]["bild0"] = new Image();
bilder["highlight"]["bild0"].src = "http://www.teamone.de/selfhtml/x3.gif";bilder["normal"]["bild1"] = new Image();
bilder["normal"]["bild1"].src = "http://www.teamone.de/selfaktuell/links/src/xdeu.gif";
bilder["highlight"]["bild1"] = new Image();
bilder["highlight"]["bild1"].src = "http://www.teamone.de/selfaktuell/links/src/xeng.gif";function Bildwechsel(name,type) {
document.images[name].src = bilder[type][name].src;
}
</script>
</head><body background="navi_breit.jpg">
<a href="news.html" target="rechts" onmouseover="Bildwechsel('bild0','highlight')" onMouseOut="Bildwechsel('bild0','normal')"><img name="bild0" src="http://www.teamone.de/selfhtml/x1.gif" border=0 alt="bla"></a><br><br>
<a href="wir.html" target="rechts" onMouseOver="Bildwechsel('bild1','highlight')" onMouseOut="Bildwechsel('bild1','normal')"><img name="bild1" src="http://www.teamone.de/selfaktuell/links/src/xdeu.gif" border=0 alt="bla"></a></body>
</html>Viele Grüße
Daniel
-
Hi,
also was den behutsamen umgang angeht, wir hier im forum mögen anrede
und verabschiedung und eine beschreibung des problems (möglichst
detailiert), ist nich gemeckert nur als hinweis. es gibt ne faq, da
steht alles drinne.
Ja ja schon klar. Aber wie haben Sie ja praktisch genötigt den code zu posten. Also drückt mal beide augen zu ;-)Sind beide fest geschlossen, ich linse auch nicht, indianerehrenwort ;-)
Das war eigentlich freundlich nur als hinweis gedacht, ich hoffe sie hat das nicht anders verstanden.
Um diesen Thread nich ganz nutzlos für die Nachwelt werden zu lassen,
Um diesen Thread nich ganz nutzlos für die Nachwelt werden zu lassen,
hier mein Beispielscript aus dem chat:
hier mein kommenmtar zu deinem script ;-)
Sieht genauso aus wie meins, du hast nur die reihenfolge innerhalb
der arrays andersrum gelöst ;-)
Prinzipiell finde ich diese art des imagewechsels am effektivsten, nur ist er einem neuling schwer zu erklären (assoziativer array usw.)Nur frage ich mich, was hat das alles mit
<boq>
ihre Seiten für alle Auflösungen gleich aussehen zu lassen
<eoq>zu tun?
schulterzuckend Ed X
-
Hallo Ed X
Sieht genauso aus wie meins, du hast nur die reihenfolge innerhalb
der arrays andersrum gelöst ;-)Ich hab nicht abgeschrieben, ebenfalls indianerehrenwort ,-)
Nur frage ich mich, was hat das alles mit
<boq>
ihre Seiten für alle Auflösungen gleich aussehen zu lassen
<eoq>Nix, aber bevor wir ihren Code gesehen haben konnten wir das ja nicht wissen ;-)
Gute Nacht
Daniel
-
-
-