Bilder Galery

  • Hallo habe eine Bild Vergrößerung im Internet gefunden. Mein Problem ist jetzt das ich diese Methode öfter benutzen will als nur einmal, ich hoffe ihr könnt mir weiterhelfen


    MFG

  • Ich verstehe es so, dass der TO das Skript für mehrere Bilder verwenden will, was wegen der Verwendung einer ID so, wie es ist, nicht möglich ist (var img = document.getElementById("myImg");).

  • Will eine Bildergalery machen und es sollen mehrere Bilder auf e

    Ich verstehe es so, dass der TO das Skript für mehrere Bilder verwenden will, was wegen der Verwendung einer ID so, wie es ist, nicht möglich ist (var img = document.getElementById("myImg");).

    Ja verstehst du richtig

  • Das erfordert nur ein paar kleine Änderungen:

    Im HTML die IDs durch Klassen ersetzen:

    Code
    1. <img class="myImg" src="../Bilder/2.jpg" alt="Snow" style="width:100%;max-width:300px">
    2. <img class="myImg" src="../Bilder/3.jpg" alt="Snow" style="width:100%;max-width:300px">
    3. <img class="myImg" src="../Bilder/4.jpg" alt="Snow" style="width:100%;max-width:300px">
    4. <img class="myImg" src="../Bilder/6.jpg" alt="Snow" style="width:100%;max-width:300px">

    Und im Javascript eine Schleife über die Bilder:

  • PS: Ich vergaß ganz das CSS, das muss natürlich auch auf Klassen umgestellt werden:

    Code
    1. .myImg {
    2. border-radius: 5px;
    3. cursor: pointer;
    4. transition: 0.3s;
    5. }
    6. .myImg:hover {
    7. opacity: 0.7;
    8. }