Javascript Spoiler bildchen ändern

  • Hallo Forum.
    Ich hatte vor ein Spoiler auf meiner Homepage einzubauen.
    Nunja das bild ist immer gleich und ändert sich nicht.
    Wenn ich den Typ ändern kommt die normale box mit Spoiler, Show , Hide etc.
    Hier mal der Java Code


    Und hier der Code mit den Buttons wo es klappt:

    PHP
    <div class="pre-spoiler"><input name="button" type="button" style="width:50px;font-size:10px;margin:0px;padding:0px;" onClick="spoil(this);" value="Spoiler"></div><div><div class="spoiler" style="display: none;">
    Text </div>

    Und hier wo es nicht klappt , da ich versuche es irgendwie mit bildern zu machen.

    PHP
    <div><div class="pre-spoiler"><input name="button" type="image" src="images/plus.png" style="width:14px;font-size:10px;margin:0px;padding:0px;" onClick="spoil(this);" value="Spoiler"> Für weitere Informationen drücken.</div><div><div class="spoiler" style="display: none;">
    Test
    </div>


    Ich hoffe auf hilfe :)
    Regards

  • Im Button hat meiner Meinung nach auch kein src etwas verloren. Style doch über CSS etwas wie dieses:

    Achtung - CSS3!

    Code
    div.pre-spoiler > input[type=button] {
        background: image;
        cursor: pointer;
        display: inline-block;
        width: 50px;
        height: 30px;
        margin: 0 5px;
        padding: 2 px;
        /* ... */
    }

    Ich empfehle die Verwendung von einfachen Buttons und keinen Inputs, da die normalerweise in ein Form-Element gehören. Noch empfehlenswerter ist die Verwendung eines span oder so.

    Edit: Sorry, verlesen, war ja kein einfaches Input vom Typ Button. Trotzdem lieber etwas anderes nehmen.