kostenloser Webspace werbefrei: lima-city


JS dynamischer Bildertausch fehler

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    tft-development

    Kostenloser Webspace von tft-development

    tft-development hat kostenlosen Webspace.

    Hallo,

    meine Funktion soll das bild ändern ( von 00.jpg zu 01.jpg )
    mein Fehler liegt sicherlich im Funktionskopf...

    ich arbeite nicht sehr oft mit javascript...

    helft mir bitte schnell :)

    <script type="text/javascript">
    function swap (var boxNumber, var picNumber)
    {
       document.getElementById('bild' + boxNumber).src='img/' + picNumber + '.jpg';
    }
    </script>
    </head><body>
    
    <a href="#" onclick="swap('01','01')"><img src="img/00.jpg" id="bild01"></a>


    grüße
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. willstdueswissen

    Kostenloser Webspace von willstdueswissen

    willstdueswissen hat kostenlosen Webspace.

    Ich habe mal so etwas Programmiert ich weiß nicht ob du damit etwas anfangen kannst:
    https://github.com/willstdueswissen/Bilderlauf/blob/master/Bilderlauf-0.1.%20html

    Für deine Zwecke angepasst:

    <html>
    <head>
    <style>
    .Bilderh{
    position:absolute;
    display: none;
    }
    .Bilderv{
    position:absolute;
    }
    </style>
    </head>
    <body>
    <script>
    function neu(bild, bild2){
    document.getElementById(bild).className="Bilderh";
    document.getElementById(bild2).className="Bilderv";
    }
    </script>
    <img src="Bild1.jpg" alt="test1" id="Bild1" class="Bilderv" onclick="neu('Bild1', 'Bild2');">
    <img src="Bild2.jpg" alt="test2" id="Bild2" class="Bilderh">
    </body>
    </html>



    Und ich sage direkt es ist kein Standard, aber es funktioniert.

    Beitrag zuletzt geändert: 2.1.2014 14:29:57 von willstdueswissen
  4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!