Hallo Zusammen und Danke an Euch für die viele Unterstützung, die ich bis her erfahren habe.
ist der Code für das Anzeigen einer Artikelliste mit Bild, Name, Preis und einem Button (myBtn).
Das
ist der Code für das Modal, das sichtbar wird wenn man #myBtn klickt.
Jetzt habe ich folgendes Problem.
Es lässt sich nur der erste Artikel im Modal anzeigen lassen.
Wenn ich auf den 2. Artikel klicke, passiert überhaupt nichts.
Obwohl im Quelltext alles richtig scheint.
Kann wer helfen? quellcode.png
HTML-Code:
<div class="responsive"> <div class="gallery"> <h4><?php echo $row['name']; ?></h4> <img class="img" src="source.php?id=<?php echo $image_id; ?>" alt="<?php echo $row['name']; ?>" width="600" height="400"> <div class="desc"><p style="float:left; color:green; font-weight:bold"><?php echo $row['preis']; ?>,-</p> <input id="myBtn" type="image" style="float: right; text-align:right; height: 3em" src="Bilder/shopping.png"> </div> </div>
Das
HTML-Code:
<div id="myModal" class="modal"> <div class="modal-content"> <span class="close">×</span> <img src="source.php?id=<?php echo $image_id; ?>" alt="<?php echo $row['name']; ?>"> </div> </div>
Jetzt habe ich folgendes Problem.
Es lässt sich nur der erste Artikel im Modal anzeigen lassen.
Wenn ich auf den 2. Artikel klicke, passiert überhaupt nichts.
Obwohl im Quelltext alles richtig scheint.
Kann wer helfen? quellcode.png
Kommentar