An die Fachleute!
Ich bin Laie und habe es mit 2 Handbüchern immerhin bis zur 4. Seite gebracht und zwar mit HTML/CSS.
Nun soll auf der 4. Seite folgendes passieren: Ich habe 6 Bilder in schwarz/weiß nebeneinander („ausschnitte“ genannt, siehe Code). Beim Drüberfahren mit der Maus sollen diese Bilder farbig werden und, je nach Auswahl, auf je eine weitere Seite führen, wo diese Bilder dann erklärt werden. Ich habe mich schon gefreut, daß ich im Netz ein JavaScript gefunden habe, das mir – nach Anpassung an meinen Bedarf – die Bildfarben ändert und beim Anklicken anscheinend auch weiter führt. Wie aber muß ich in HTML den Link auf die entsprechenden Seiten angeben Muß da was im JavaScript stehen? Und der traditionelle „link“ im html-head muß dann komplett gelöscht werden, weil die Fortsetzung der Seiten ja über die 6 Bilder gesteuert werden soll? Wie geht das und wie sieht das aus?
Die, aus meiner Sicht, relevanten Codes sehen so aus: (Allerdings bekomme ich auch noch im Firebug die Meldung „image is not defined: img1a=new image()/n“.
Was muß wohl da hinein? Gebe ich doch über img1a ein s/w-Bild und über img1b ein Farbbild an.)
Wer kann mir da fundiert weiterhelfen? Herzlichen Dank für Eure Unterstützung!
<head usw.
<script language="JavaScript">
<!--
img1a=new image();
img1a.src="bilder/g-shg1.jpg"
img1b=new image(g-shg2);
img1b.src="bilder/g-shg2.jpg"
img2a=new image();
img2a.src="bilder/g-nim1.jpg"
img2b=new image();
img2b.src="bilder/g-nim2.jpg"
usw.
//-->
</script>
....
<body usw.
<ul id="ausschnitte">
<li><a href="arbeiten_shg.html"onmouseover="austausch1.src='bilder/g-shg2.jpg';"onmouseout="austausch1.src='bilder/g-shg1.jpg';"><img src="bilder/g-shg1.jpg"border="0" width="180px"height="180px"name="austausch1"/></a></li>
<li><a usw.
Ich bin Laie und habe es mit 2 Handbüchern immerhin bis zur 4. Seite gebracht und zwar mit HTML/CSS.
Nun soll auf der 4. Seite folgendes passieren: Ich habe 6 Bilder in schwarz/weiß nebeneinander („ausschnitte“ genannt, siehe Code). Beim Drüberfahren mit der Maus sollen diese Bilder farbig werden und, je nach Auswahl, auf je eine weitere Seite führen, wo diese Bilder dann erklärt werden. Ich habe mich schon gefreut, daß ich im Netz ein JavaScript gefunden habe, das mir – nach Anpassung an meinen Bedarf – die Bildfarben ändert und beim Anklicken anscheinend auch weiter führt. Wie aber muß ich in HTML den Link auf die entsprechenden Seiten angeben Muß da was im JavaScript stehen? Und der traditionelle „link“ im html-head muß dann komplett gelöscht werden, weil die Fortsetzung der Seiten ja über die 6 Bilder gesteuert werden soll? Wie geht das und wie sieht das aus?
Die, aus meiner Sicht, relevanten Codes sehen so aus: (Allerdings bekomme ich auch noch im Firebug die Meldung „image is not defined: img1a=new image()/n“.
Was muß wohl da hinein? Gebe ich doch über img1a ein s/w-Bild und über img1b ein Farbbild an.)
Wer kann mir da fundiert weiterhelfen? Herzlichen Dank für Eure Unterstützung!
<head usw.
<script language="JavaScript">
<!--
img1a=new image();
img1a.src="bilder/g-shg1.jpg"
img1b=new image(g-shg2);
img1b.src="bilder/g-shg2.jpg"
img2a=new image();
img2a.src="bilder/g-nim1.jpg"
img2b=new image();
img2b.src="bilder/g-nim2.jpg"
usw.
//-->
</script>
....
<body usw.
<ul id="ausschnitte">
<li><a href="arbeiten_shg.html"onmouseover="austausch1.src='bilder/g-shg2.jpg';"onmouseout="austausch1.src='bilder/g-shg1.jpg';"><img src="bilder/g-shg1.jpg"border="0" width="180px"height="180px"name="austausch1"/></a></li>
<li><a usw.
