online 1
gast (50)

/ Forum / Webseiten/HTML

Webseiten/HTMLWebseiten/HTML

Fragevon SirTobi vom 24.01.2020, 17:55 Options

Fehler im Html-code???

Ich möchte auf einer Seite wenn ich über ein Bild mit der Maus fahre dass mehrere Bilder erscheinen!
Dazu hab ich in Javascript ein Funktion:

<script language="javascript">
<!--
function Navigation()
{
Bilder.src = "pictures/bilder.png";
Buttom.scr = "pictures/ende.png";
Forum.src = "pictures/forum.png";
Links.src = "pictures/links.png";
KListe.scr = "pictures/liste.png";
}
//->
</script>
und im body hab i dann:

<img src="pictures/start.png" onmouseover="Navigation()" width="300" height="300" name="Buttom">

<img src="pictures/nix.png" border="0" width="160" height="150" name="Bilder">

.........

doch dies funktioniert bei einigen bildern nicht!


Antwort schreiben

Antwort 21 von SirTobi vom 28.01.2020, 19:39 Options

ok danke nochmal

Antwort 22 von katy vom 29.01.2020, 14:10 Options

Hallo Tobias,

noch eine Verbesserung speziell für den Internet-Explorer:
<script type="text/javascript">
var bild1, bild2, bild3, bild4, bild5, diBilder, diButtom, diForum, diLinks, diKListe;

function init() {
 bild1 = new Image(); bild1.scr = "pictures/bilder.png"; 
 bild2 = new Image(); bild2.scr = "pictures/ende.png";
 bild3 = new Image(); bild3.scr = "pictures/forum.png";
 bild4 = new Image(); bild4.scr = "pictures/links.png";
 bild5 = new Image(); bild5.scr = "pictures/liste.png";
 diBilder=document.images["Bilder"];
 diButtom=document.images["Buttom"];
 diForum=document.images["Forum"];
 diLinks=document.images["Links"];
 diKListe=document.images["KListe"];
}

function Navigation() 	{
  diBilder.src = "pictures/bilder.png";
  diButtom.src = "pictures/ende.png";
  diForum.src = "pictures/forum.png";
  diLinks.src = "pictures/links.png";
  diKListe.src = "pictures/liste.png";
}
	
function weg()  {
  Buttom.src = "pictures/start.png";
  Bilder.src = "pictures/nix.png";
  Forum.src = "pictures/nix.png";
  Links.src = "pictures/nix.png";
  KListe.src = "pictures/nix.png";
}
window.onload=init;
</script>

der IE hat nämlich ein paar Macken, die dir hier zu schaffen machen. Wenigstens die JavaScript-Macke lässt sich mit diesen Änderungen umgehen.

Was bleibt ist aber die transparente-PNG-Macke. Ich empfehle dir auf transparente GIFs umzusteigen, denn der IE6 zumindest hat große Probleme mit transparenten PNG. genau genommen sieht deine Seite in meinem IE6 deshalb besch...eiden aus. Sorry for bad news!

katy

Antwort 23 von katy vom 29.01.2020, 14:12 Options

hoplla, zu schnell abgeschickt, die letzte Funktion muss natürlich auch dem IE zuliebe umgeschrieben werden:
function weg()  {
  diButtom.src = "pictures/start.png";
  diBilder.src = "pictures/nix.png";
  diForum.src = "pictures/nix.png";
  diLinks.src = "pictures/nix.png";
  diKListe.src = "pictures/nix.png";
}

Ähnliche Themen

Eingabefelder Positionieren
Deathfun  09.04.2007 - 122 Hits - 9 Antworten

Fehler Code bei XP
Helli2007  26.09.2007 - 93 Hits - 1 Antwort

IE druckt nur HTML-Code
Ernadora  28.05.2008 - 74 Hits -

IE druckt nur HTML-Code
Ernadora  28.05.2008 - 45 Hits - 2 Antworten

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Version: supportware 1.9.150 / 10.06.2022, Startzeit:Mon Jan 26 01:23:17 2026