Antworten auf deine Fragen:
Neues Thema erstellen

Fading Button

Jormungand

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:
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

Aktives Mitglied

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

VonAllemEtwas

AW: Fading Button

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

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...
 

Jormungand

VonAllemEtwas

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

VonAllemEtwas

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).
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben