VonAllemEtwas
Hi zusammen,
ich würde auf einer Website gerne Fading Buttons einfügen und habe im Internet auch schon ein entsprechendes Javascript mit super Anleitung gefunden. (JavaScript-FX)
Original Quelltext:
Jetzt steh ich vor dem Problem, dass das Script mit meinen erstellten Buttons nur bedingt funktioniert:
Firefox blendet die Hoverbuttons nur dann ein, wenn ich als image source das Hoverbild angebe. (Der Autor aber meint, es müsse das Standardbild angesteuert werden, was er auch in seinem Quelltext tut)
Der Internet Explorer blockt das Script mit einer Warnung und wenn ich das Script freigebe, fadet er ein leeres Kästchen ein.
Beide Browser funktionieren aber ohne Probleme, wenn ich die Seite des Autors aufrufe. Der Quelltext ist nahezu identisch.
Mein Quelltext:
Kann mir wer sagen, wo mein Problem liegt?
ich würde auf einer Website gerne Fading Buttons einfügen und habe im Internet auch schon ein entsprechendes Javascript mit super Anleitung gefunden. (JavaScript-FX)
Original Quelltext:
Code:
<HTML>
<HEAD>
<TITLE>Test</TITLE>
<!-- (* Another free JavaScript © from JavaScript-FX.com *) -->
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript" SRC="../../javascript/JSFX_FadingRollovers.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript">
<!--
JSFX.Rollover("home", "images/home_on.gif");
JSFX.Rollover("email", "images/email_on.gif");
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="black">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/home_off.gif">
<A HREF="#"
onMouseOver="JSFX.fadeIn('home')"
onMouseOut="JSFX.fadeOut('home')"><img name="home"
src="images/home_off.gif" width="90" height="33" border="0" class="imgFader"></A></td>
<td background="images/email_off.gif">
<A HREF="#"
onMouseOver="JSFX.fadeIn('email')"
onMouseOut="JSFX.fadeOut('email')"><img name="email"
src="images/email_off.gif" width="90" height="33" border="0" class="imgFader"></A></td>
</tr>
</table>
</BODY>
</HTML>
Firefox blendet die Hoverbuttons nur dann ein, wenn ich als image source das Hoverbild angebe. (Der Autor aber meint, es müsse das Standardbild angesteuert werden, was er auch in seinem Quelltext tut)
Der Internet Explorer blockt das Script mit einer Warnung und wenn ich das Script freigebe, fadet er ein leeres Kästchen ein.
Beide Browser funktionieren aber ohne Probleme, wenn ich die Seite des Autors aufrufe. Der Quelltext ist nahezu identisch.
Mein Quelltext:
Code:
<html>
<head>
<title>Mein Versuch</title>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript" src="javascript/JSFX_FadingRollovers.js">
</SCRIPT>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
JSFX.Rollover("buttoneins", "images/btn1_h.jpg");
JSFX.Rollover("buttonzwei", "images/btn2_h.jpg");
JSFX.Rollover("buttondrei", "images/btn3_h.jpg");
//-->
</SCRIPT>
</head>
<body>
<table class="clear" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="bilder/btn1.jpg">
<A HREF="#"
onMouseOver="JSFX.fadeIn('buttoneins')"
onMouseOut="JSFX.fadeOut('buttoneins')"><img name="buttoneins"
src="bilder/btn1.jpg" width="100" height="50" border="0" class="imgFader"></A></td>
<td background="bilder/btn2.jpg">
<A HREF="#"
onMouseOver="JSFX.fadeIn('buttonzwei')"
onMouseOut="JSFX.fadeOut('buttonzwei')"><img name="buttonzwei"
src="bilder/btn2.jpg" width="100" height="50" border="0" class="imgFader"></A></td>
<td background="bilder/btn3.jpg">
<A HREF="#"
onMouseOver="JSFX.fadeIn('buttondrei')"
onMouseOut="JSFX.fadeOut('buttondrei')"><img name="buttondrei"
src="bilder/btn3.jpg" width="100" height="50" border="0" class="imgFader"></A></td>
</tr>
</table>
</body>
</html>