Fading Button

Jormungand · 24.05.2009

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:

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>

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:

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>

Kann mir wer sagen, wo mein Problem liegt?

netbandit · 24.05.2009

AW: Fading Button

Laut imgsrc sind die Bilder im Ordner "bilder" im Javascriptteil gibst Du als Ordner "images" an. Kann es sein, dass da der Wurm ist?

Jormungand · 24.05.2009

AW: Fading Button

Jaaa, das war ein Teil des Problems! Super, 1000dank, netbandit. Manchmal hab ich halt Tomaten auf den Ohren.

Um jetzt noch wunschlos glücklich zu werden würde ich nur gern wissen, wie der Autor des Scripts es schafft, dass der IE nicht meckert, wenn man seine Seite mit den Javascripts besucht, bei meiner Seite aber schon...

netbandit · 24.05.2009

AW: Fading Button

Kannst Du es irgendwo online stellen und einen Link dorthin posten?

Jormungand · 24.05.2009

AW: Fading Button

Leider habe ich keinen Webspace zur Verfügung. Ich habe aber rausgefunden, dass im IE die Warnung auch kommt, wenn ich die Website JavaScript-FX herunterlade und lokal öffne.
Jetzt müsste ich nur sicher sein, dass es nur daran liegt, ob eine Website lokal oder übers Web aufgerufen wird...
Falls ich was rausfinde, werde ich es hier posten.

Danke nochmal netbandit!

Jormungand · 26.05.2009

AW: Fading Button

Für alle, die auf eine Lösung warten:
Ich habe die Fading Buttons getestet.
Der IE meckert, wenn die Buttons auf der Festplatte lokal angesteuert werden. Online scheint er es dagegen zu akzeptieren.
Auf PCs funktionieren die Buttons, aber auf Macs überhaupt nicht (trotz aktiviertem JS).