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

@@ -89,7 +89,7 @@ date: '2020-02-18'
<strong>T-Shirt</strong>
</div>
<div class="card-body text-center">
<img src="../assets/shirt.png" style="max-width: 350px; max-height: 195px;">
<img src="../assets/shirt.png" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Vorne im klassischen &lt;DD&gt;-Design<br />
Die Rückseite mit Event-Motiv<br />
@@ -103,7 +103,7 @@ date: '2020-02-18'
<strong>Bierkrug</strong>
</div>
<div class="card-body text-center">
<img src="../assets/bierkrug.png" style="max-width: 350px; max-height: 195px;">
<img src="../assets/bierkrug.png" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Rundherum bedruckt im coolen &lt;DD&gt;-Design<br />
Personalisiert mit Hex-ID<br />
@@ -117,7 +117,7 @@ date: '2020-02-18'
<strong>Weißbierglas</strong>
</div>
<div class="card-body text-center">
<img src="../assets/weizen.png" style="max-width: 350px; max-height: 195px;">
<img src="../assets/weizen.png" data-original="../assets/weizen.png" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Hochwertige Lasergravur<br />
im coolen &lt;DD&gt;-Design<br />
@@ -131,7 +131,7 @@ date: '2020-02-18'
<strong>Emaille Tasse</strong>
</div>
<div class="card-body text-center">
<img src="../assets/emaille.jpg" style="max-width: 350px; max-height: 195px;">
<img src="../assets/emaille.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Rundherum bedruckt im coolen &lt;DD&gt;-Design<br />
&nbsp;<br />
@@ -140,4 +140,9 @@ date: '2020-02-18'
<h2>€ 10,00</h2>
</div>
</article>
</section>
</section>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
new Zooming().listen('.zoom');
});
</script>