problem mit mouseover Bild und Sound

D

DIgItCrasH

Grünschnabel
Hallo Leute,

Ich baue eine neue Homepage und will per mouseover ein wechseln der Grafiken und einen kleinenTon beim überfahren mit der Maus bewirken....
Meine Problem ist, dass wenn ich den Code so lasse, er mir zwar keinen Fehler ausgibt, aber den Bildwechsel verschluckt....also Rollover nicht geht.

Habe den Java code in einer extrenen Datei.

js.js

Code: 
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) {
		Dragondesign_5o_over = newImage("Bilder/Dragondesign_5o-over.gif");
		preloadFlag = true;
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		Dragondesign_Form_5_over = newImage("Bilder/Dragondesign_Form-5-over.gif");
		preloadFlag = true;
	}
}
function PlaySound()
{
if (document.all)
{
document.all.play.src = "whistle.au";
}
}

Und ich denke da liegt auch mein Problem.
Wie sorge ich dafür das er es bei jedem Mouseovereffekt beides gleichzeitig macht?

Hier der Link wie er in der Hauptseite steht.

Code: 
<HEAD>
<TITLE>Virtual Cyber Heroes</TITLE>
<SCRIPT LANGUAGE="JavaScript" SRC="js.js"></SCRIPT>
<bgsound id=play>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();" background="bgb.gif">
	

<TD COLSPAN=5>
			<a  href="main.html" target="_home"
			ONMOUSEOVER="PlaySound()"; changeImages('Dragondesign_5o', 'Bilder/Dragondesign_5o-over.gif'); return true;"
				ONMOUSEOUT="changeImages('Dragondesign_5o', 'Bilder/Dragondesign_5o.gif'); return true;"> 
			<IMG NAME="Dragondesign_5o" SRC="Bilder/Dragondesign_5o.gif" BORDER="0" WIDTH=147 HEIGHT=25 ALT=""></a></TD>

also wie gesagt, entweder geht der Sound oder das Bild, aber bekomme nicht beides gleichzeitig zum laufen...... was wie ich denke am code der js.js datei liegt....

Also Java-Spezies erbarm sich bitte einer meiner =)

Gruss
 
Ich kenn mich zwar nicht sehr gut aus damit aber du könntest es ja zwimal schreiben oder?
 
Hi,

Du hast zwei Funktionen mit dem gleichen Namen in Deinem Script. Woher soll
es wissen, welche Du gerne aufgerufen hättest!

Ich habe Dein Script und den zugehörigen HTML-Code etwas umgeschrieben -
kannst es ja mal anschauen.
Code: 
<script language="javascript" type="text/javascript">
  <!--
var Dragondesign_5o_over;
var Dragondesign_Form_5_over;

IE=document.all&&!window.opera;
DOM=document.getElementById&&!IE;

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) {
      var myObj = (IE)?document.all[changeImages.arguments[i]]:document.getElementById(changeImages.arguments[i]);
      myObj.src = changeImages.arguments[i+1].src;
    }
  }
}

var preloadFlag = false;
function preloadImages() {
  if (document.images) {
    Dragondesign_5o_over = newImage("Bilder/Dragondesign_5o-over.gif");
    Dragondesign_Form_5_over = newImage("Bilder/Dragondesign_Form-5-over.gif");
    preloadFlag = true;
  }
}

function PlaySound(){
    if (document.all){
        document.all.play.src = "whistle.au";
    }
}

  -->
</script>
</head>
<body onload="preloadImages()">
<a href="main.html" target="_home" ONMOUSEOVER="PlaySound(); changeImages('Dragondesign_5o', Dragondesign_Form_5_over); return true;" ONMOUSEOUT="changeImages('Dragondesign_5o', Dragondesign_5o_over); return true;">
    <IMG id="Dragondesign_5o" SRC="Bilder/Dragondesign_5o-over.gif" BORDER="0" WIDTH=147 HEIGHT=25 ALT="">
</a>
Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück