Added zooming to images

This commit is contained in:
Andre Beging
2020-08-18 12:48:50 +02:00
parent bdf81c6f08
commit bbc52b95e4
5 changed files with 31 additions and 26 deletions

View File

@@ -17,9 +17,7 @@ Daubachtal 1\
Mit Parkplätzen
</div>
<div class="card-body text-center">
<a href="https://www.guelle-muehle.de/galerie.html" target="_blank">
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/LWmnVRfX4P.jpg" />
</a>
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/LWmnVRfX4P.jpg" class="zoom" />
</div>
</article>
<article class="card">
@@ -28,9 +26,7 @@ Daubachtal 1\
Kinder bitte wegdenken
</div>
<div class="card-body text-center">
<a href="https://www.guelle-muehle.de/galerie.html" target="_blank">
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/gO6sg4fY6I.jpg" />
</a>
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/gO6sg4fY6I.jpg" class="zoom" />
</div>
</article>
<article class="card">
@@ -39,9 +35,7 @@ Daubachtal 1\
Eingehend geprüfte Flunkyballeignung
</div>
<div class="card-body text-center">
<a href="https://www.guelle-muehle.de/galerie.html" target="_blank">
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/ZovtdYV7q3.jpg" />
</a>
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/ZovtdYV7q3.jpg" class="zoom" />
</div>
</article>
<article class="card">
@@ -50,9 +44,7 @@ Daubachtal 1\
Von innen viel größer. 80qm
</div>
<div class="card-body text-center">
<a href="https://www.guelle-muehle.de/galerie.html" target="_blank">
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/ECE1Bdcflr.jpg" />
</a>
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/ECE1Bdcflr.jpg" class="zoom" />
</div>
</article>
<article class="card">
@@ -61,9 +53,7 @@ Daubachtal 1\
Gulasch? Gulasch!
</div>
<div class="card-body text-center">
<a href="https://www.guelle-muehle.de/galerie.html" target="_blank">
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/Stdx7GzUbz.jpg" />
</a>
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/Stdx7GzUbz.jpg" class="zoom" />
</div>
</article>
<article class="card">
@@ -72,13 +62,15 @@ Daubachtal 1\
Morgens ein paar Bahnen schwimmen
</div>
<div class="card-body text-center">
<a href="https://www.guelle-muehle.de/galerie.html" target="_blank">
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/G9yH4Oy3eu.jpg" />
</a>
<img src="https://www.interatmedia-content.de/z-leistung/galerie/200001971/G9yH4Oy3eu.jpg" class="zoom" />
</div>
</article>
</section>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
new Zooming().listen('.zoom');
});
</script>