Bildwechsel bei mousover

[goefi-chiangmai]

hast das leerzeichen beim wespenbild rausgemacht (3 Beiträge weiter oben beschrieben)

[Patrick]

Hallo Peter,

die abstände sind von allen gleich. Das ist ja das merkwürdige. Es scheint alles identisch zu sein
und doch klappt es bei einem nicht . Ich habe den code jetzt nochmal komplett überarbeitet
und das überflüssige entfernt sowie die Namen abgeändert.

Hier mal jetzt der komplett neue code

Code: Alles auswählen

<p></p>
    <p></p>
    <p></p>
    <scriptlanguage="javascript"><!—

Indrabutton= new Image();
Indrabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif"
Indrabuttoncolor= new Image();
Indrabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif"//  
----------------------------------------------------------------------------
Kaeferbutton= new Image();
Kaeferbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif"
Kaeferbuttoncolor= new Image();
Kaeferbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif
//  ----------------------------------------------------------------------------
Schweinebutton= new Image();
Schweinebutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif"
Schweinebuttoncolor= new Image();
Schweinebuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif"
//  ---------------------------------------------------------------------------- 
Chinabutton= new Image();
Chinabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif"
Chinabuttoncolor= new Image();
Chinabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif"
//  ----------------------------------------------------------------------------
Wespenbutton= new Image();
Wespenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif"
Wespenbuttoncolor= new Image();
Wespenbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif"
//  ----------------------------------------------------------------------------
Froschbutton= new Image();
Froschbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif"
Froschbuttoncolor= new Image();
Froschbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif"
//  ------------------------------------------------------------------------------>

    <p></p>
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="570">
    <tbody>
    <tr>
    <td width="160">
    <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=069768471302554045&userid=10883843" onmouseover="austauschIndrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif';" onmouseout="austauschIndrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif';" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif" name="austauschIndrabutton" alt=""></a></p>
    </td>
    <td width="30"> </td>
    <td width="160">
    <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=496749361302804948&userid=10883843" onmouseover="austauschKaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif';" onmouseout="austauschKaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif';" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif" name="austauschKaeferbutton" alt=""></a></p>
    </td>
    <td width="30"> </td>
    <td width="160">
    <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=337983861302730460&userid=10883843" onmouseover="austauschSchweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif';" onmouseout="austauschSchweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif';" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif" name="austauschSchweinebutton" alt=""></a></p>
    </td>
    </tr>
    <tr>
    <td height="10"> </td>
    <td height="10"> </td>
    <td height="10"> </td>
    <td height="10"> </td>
    <td height="10"> </td>
    <td height="10"> </td>
    </tr>
    <tr>
    <td>
    <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=287546711302730407&userid=10883843" onmouseover="austauschChinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif';" onmouseout="austauschChinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif';" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif" name="austauschChinabutton" alt=""></a></p>
    </td>
    <td> </td>
    <td>
    <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=100356631298629116&userid=10883843" onmouseover="austauschWespenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif';" 
onmouseout="austauschWespenbutton.scr='http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif';" target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif" name="austauschWespenbutton" alt=""></a></p>
    </td>
    <td> </td>
    <td>
    <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=832503151302730417&userid=10883843" onmouseover="austauschFroschbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif';"onmouseout="austauschFroschbutton .src='http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif';"target="_top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif" name="austauschFroschbutton" alt=""></a></p>
    </td>


    </tr>
    </tbody>
    </table>

    <div>
    </div>
    <!-- ende Main Content--></scriptlanguage="javascript">

[goefi-chiangmai]

So hab Dir das neu gemacht und funktioniert: http://demo-seite.npage.de/script_test2_83698735.html
So ist es normal, das es wieder Schwarzweiss wird wenn weggehst mit der Maus, oder willst es in deiner wariannte damit es Farbig bleibt?

Musste alles ne machen:

Einige fehler Beispiele:

FALSCH: <scriptlanguage="javascript"> Richtig: <script language="JavaScript">

Kaeferbutton.src = "http://www.oyla.de/userdaten/108/83843/ ... fer_sw.gif"
Kaeferbuttoncolor= new Image();
Kaeferbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/ ... aefer_mo.gif(Klammer schliessen???????)
// ----------------------------------------------------------------------------
Schweinebutton= new Image();
Schweinebutton.src = "http://www.oyla.de/userdaten/108/83843/ ... pic_sw.gif"




Ein Script schliesst man nicht so: </scriptlanguage="javascript"> sondern: </script>
Dann sollte es noch an der richtigen Stelle Geschlossen werden.

u.s.w.

Hier dein neues überarbeitetes Script

Code: Alles auswählen

<center><script
language="JavaScript">
<!--


    Indrabutton= new Image();
    Indrabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif"
    Indrabuttoncolor= new Image();
    Indrabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif"
    //  ----------------------------------------------------------------------------
    Kaeferbutton= new Image();
    Kaeferbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif"
    Kaeferbuttoncolor= new Image();
    Kaeferbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif"
    //  ----------------------------------------------------------------------------
    Schweinebutton= new Image();
    Schweinebutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif"
    Schweinebuttoncolor= new Image();
    Schweinebuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif"
    //  ----------------------------------------------------------------------------
    Chinabutton= new Image();
    Chinabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif"
    Chinabuttoncolor= new Image();
    Chinabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif"
    //  ----------------------------------------------------------------------------
    Wespenbutton= new Image();
    Wespenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif"
    Wespenbuttoncolor= new Image();
    Wespenbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif"
    //  ----------------------------------------------------------------------------
    Froschbutton= new Image();
    Froschbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif"
    Froschbuttoncolor= new Image();
    Froschbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif"
    //  ----------------------------------------------------------------------------
-->
</script>

        <p></p>
        <table cellspacing="0" cellpadding="0" border="0" align="center" width="570">
        <tbody>
        <tr>
        <td width="160">
        <p><a target="_top" onmouseout="austauschindrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif';" onmouseover="austauschindrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/miniindra_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=069768471302554045&userid=10883843"><img alt="" border="0" name="austauschindrabutton" src="http://www.oyla.de/userdaten/108/83843/bilder/miniindra_sw.gif" /></a></p>
        </td>
        <td width="30"> </td>
        <td width="160">
        <p><a target="_top" onmouseout="austauschkaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif';" onmouseover="austauschkaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=496749361302804948&userid=10883843"><img alt="" border="0" name="austauschkaeferbutton" src="http://www.oyla.de/userdaten/108/83843/bilder/minikaefer_sw.gif" /></a></p>
        </td>
        <td width="30"> </td>
        <td width="160">
        <p><a target="_top" onmouseout="austauschschweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif';" onmouseover="austauschschweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minipic_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=337983861302730460&userid=10883843"><img alt="" border="0" name="austauschschweinebutton" src="http://www.oyla.de/userdaten/108/83843/bilder/minipic_sw.gif" /></a></p>
        </td>
        </tr>
        <tr>
        <td height="10"> </td>
        <td height="10"> </td>
        <td height="10"> </td>
        <td height="10"> </td>
        <td height="10"> </td>
        <td height="10"> </td>
        </tr>
        <tr>
        <td>
        <p><a target="_top" onmouseout="austauschchinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif';" onmouseover="austauschchinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minichina_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=287546711302730407&userid=10883843"><img alt="" border="0" name="austauschchinabutton" src="http://www.oyla.de/userdaten/108/83843/bilder/minichina_sw.gif" /></a></p>
        </td>
        <td> </td>
        <td>
        <p><a target="_top" onmouseout="austauschwespenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif';" onmouseover="austauschwespenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=100356631298629116&userid=10883843"><img alt="" border="0" name="austauschwespenbutton" src="http://www.oyla.de/userdaten/108/83843/bilder/wespen_sw.gif" /></a></p>
        </td>
        <td> </td>
        <td>
        <p><a target="_top" onmouseout="austauschfroschbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif';" onmouseover="austauschfroschbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_mo.gif';" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=832503151302730417&userid=10883843"><img alt="" border="0" name="austauschfroschbutton" src="http://www.oyla.de/userdaten/108/83843/bilder/minifrosch_sw.gif" /></a></p>
        </td>


        </tr>
        </tbody>
        </table>

        <div>
        </div>

[Patrick]

Erstmal vielen Dank Peter! Es klappt jetzt wunderbar!

Dennoch steige ich nicht dahinter, warum es bis auf den wespenbild nicht funktioniert hat .

Oben hast du mir zwar fehler gezeigt, aber die haben mit dem wespenbild j nichts zu tun gehabt.
Dennoch hat es funktioniert.

Auch die Anordnung der Gafiken hatte ich alle gleich gemacht. Mit der klammer meinst du doch bestimmt
die fehlenden Gänsefüschen, oder?

Bin aber jetzt glücklich, dass es funktioniert! Dafür nochmals tausend dank!

lg

[goefi-chiangmai]

Ja gänsefusschen.

Wegen fehler: kommt immer auf den Browser an, einige sind anfälliger auf kleine fehler und andere ignorieren fehler!

Ach ja habe Dir target="top" eingestellt so wie in deiner Vorgabe, aber kannst eigentlich auch target="self" nehmen, wäre normal

Ach ja Du hast oben noch das <center> drinn.......habe ich übersehen, solltest es zuunderst noch schliessen mit </center>

[moni]

Ja gänsefusschen.

Wegen Gänsefusschen habe schon mal Stunden dran gesessen bis ich drauf gekommen oder sonst super mini Kleinigkeiten ,
zu wenig oder zu viel und schon läuft das ganze nicht so wie sollte...es ist ärgerlich so was ...

[Patrick]

Hallo zusammen,

da ich ein Problem festgestellt habe, dachte ich mir, ich führe das Problem hier fort.

Und zwar geht es um die Galerie. Die Galerie mit den mouseovereffect ist ja schon gut und
der effect klappt. Leider habe ich bemerkt, dass wenn man auf die vorschaubildchen klickt, dass
sich ein neuer Tab öffnet. Ich möchte aber gerne, dass es im selben fenster angezeigt wird.
Was muss ich da ändern?

Code: Alles auswählen

<p></p>
<p></p>
<p></p>
<p></p>

<center><script    language="JavaScript">    <!--        Indrabutton= new Image();        Indrabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/indra-sw.gif"        Indrabuttoncolor= new Image();        Indrabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/indra-color.gif"        //  ----------------------------------------------------------------------------        Kaeferbutton= new Image();        Kaeferbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/kaefer-sw.gif"        Kaeferbuttoncolor= new Image();        Kaeferbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/kaefer-color.gif"        //  ----------------------------------------------------------------------------        Schweinebutton= new Image();        Schweinebutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/schwein-sw.gif"        Schweinebuttoncolor= new Image();        Schweinebuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/schwei-color.gif"        //  ----------------------------------------------------------------------------        Chinabutton= new Image();        Chinabutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/china-sw.gif"        Chinabuttoncolor= new Image();        Chinabuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/china-color.gif"        //  ----------------------------------------------------------------------------        Wespenbutton= new Image();        Wespenbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen-sw.gif"        Wespenbuttoncolor= new Image();        Wespenbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/wespen-color.gif"        //  ----------------------------------------------------------------------------        Froschbutton= new Image();        Froschbutton.src = "http://www.oyla.de/userdaten/108/83843/bilder/froesche-sw.gif"        Froschbuttoncolor= new Image();        Froschbuttoncolor.src = "http://www.oyla.de/userdaten/108/83843/bilder/froesche-color.gif"        //  ----------------------------------------------------------------------------    -->    </script>
<p> </p>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="570">
    <tbody>
        <tr>
            <td width="160">
            <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=069768471302554045&userid=10883843" onmouseover="austauschindrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/indra-color.gif';" onmouseout="austauschindrabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/indra-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/indra-sw.gif" name="austauschindrabutton" alt="" /></a></p>
            </td>
            <td width="30"> </td>
            <td width="160">
            <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=496749361302804948&userid=10883843" onmouseover="austauschkaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/kaefer-color.gif';" onmouseout="austauschkaeferbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/kaefer-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/kaefer-sw.gif" name="austauschkaeferbutton" alt="" /></a></p>
            </td>
            <td width="30"> </td>
            <td width="160">
            <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=337983861302730460&userid=10883843" onmouseover="austauschschweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/schwei-color.gif';" onmouseout="austauschschweinebutton.src='http://www.oyla.de/userdaten/108/83843/bilder/schwein-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/schwein-sw.gif" name="austauschschweinebutton" alt="" /></a></p>
            </td>
        </tr>
        <tr>
            <td height="10"> </td>
            <td height="10"> </td>
            <td height="10"> </td>
            <td height="10"> </td>
            <td height="10"> </td>
            <td height="10"> </td>
        </tr>
        <tr>
            <td>
            <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=287546711302730407&userid=10883843" onmouseover="austauschchinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/china-color.gif';" onmouseout="austauschchinabutton.src='http://www.oyla.de/userdaten/108/83843/bilder/china-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/china-sw.gif" name="austauschchinabutton" alt="" /></a></p>
            </td>
            <td> </td>
            <td>
            <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=100356631298629116&userid=10883843" onmouseover="austauschwespenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen-color.gif';" onmouseout="austauschwespenbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/wespen-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/wespen-sw.gif" name="austauschwespenbutton" alt="" /></a></p>
            </td>
            <td> </td>
            <td>
            <p><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=832503151302730417&userid=10883843" onmouseover="austauschfroschbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/froesche-color.gif';" onmouseout="austauschfroschbutton.src='http://www.oyla.de/userdaten/108/83843/bilder/froesche-sw.gif';" target="top"><img border="0" src="http://www.oyla.de/userdaten/108/83843/bilder/froesche-sw.gif" name="austauschfroschbutton" alt="" /></a></p>
            </td>
        </tr>
    </tbody>
</table>
<div> </div>
</center>

[moni]

target="top"

Versuche es den target Verweis ändern....

Mit dem Attribut target im einleitenden <a>-Tag können Sie ein Zielfenster für den Verweis festlegen. Der im Wert zugewiesene Name muss mit einem Buchstaben (A-Z, a-z) beginnen, außer in den folgenden Ausnahmen, die durch einen führenden Unterstrich gekennzeichnet sind:

_blank, um den Verweis in einem neuen Fenster zu öffnen,
_self, um den Verweis im aktuellen Fenster zu öffnen,
_parent, um bei verschachtelten Framesets das aktuelle Frameset zu sprengen,
_top, um bei verschachtelten Framesets alle Framesets zu sprengen.

[Patrick]

Hallo Moni,

könntest du mir ein beispiel machen? Ich habs leider immer noch nicht geschafft

LG

[moni]

Es ist einfach..Patrick

Code: Alles auswählen

<a href="URL"target="_blank">

überall wo du top hast gebe blank ...am abend hätte ich etwas zeit da kann das testen an deinen skript