Skip to content

Commit

Permalink
Self hosting images for swiper demo
Browse files Browse the repository at this point in the history
  • Loading branch information
@verlok
verlok committed Apr 2, 2024
1 parent 85072a9 commit 938ffd7
Showing 1 changed file with 50 additions and 50 deletions.
100 changes: 50 additions & 50 deletions demos/swiper.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,17 +52,17 @@ <h1>Swiper lazily initialized</h1>
<div class="swiper-slide">
<img
alt="Stivaletti"
src="https://via.placeholder.com/220x280?text=S01E01"
srcset="https://via.placeholder.com/440x560?text=S01E01 2x"
src="./images/220x280-01.webp"
srcset="./images/440x560-01.webp 2x"
width="220"
height="280"
/>
</div>
<div class="swiper-slide">
<img
alt="Stivaletti"
src="https://via.placeholder.com/220x280?text=S01E02"
srcset="https://via.placeholder.com/440x560?text=S01E02 2x"
src="./images/220x280-02.webp"
srcset="./images/440x560-02.webp 2x"
width="220"
height="280"
/>
Expand All @@ -71,8 +71,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S01E03"
data-srcset="https://via.placeholder.com/440x560?text=S01E03 2x"
data-src="./images/220x280-03.webp"
data-srcset="./images/440x560-03.webp 2x"
width="220"
height="280"
/>
Expand All @@ -81,8 +81,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S01E04"
data-srcset="https://via.placeholder.com/440x560?text=S01E04 2x"
data-src="./images/220x280-04.webp"
data-srcset="./images/440x560-04.webp 2x"
width="220"
height="280"
/>
Expand All @@ -91,8 +91,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S01E05"
data-srcset="https://via.placeholder.com/440x560?text=S01E05 2x"
data-src="./images/220x280-05.webp"
data-srcset="./images/440x560-05.webp 2x"
width="220"
height="280"
/>
Expand All @@ -109,8 +109,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S02E01"
data-srcset="https://via.placeholder.com/440x560?text=S02E01 2x"
data-src="./images/220x280-01.webp"
data-srcset="./images/440x560-01.webp 2x"
width="220"
height="280"
/>
Expand All @@ -119,8 +119,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S02E02"
data-srcset="https://via.placeholder.com/440x560?text=S02E02 2x"
data-src="./images/220x280-02.webp"
data-srcset="./images/440x560-02.webp 2x"
width="220"
height="280"
/>
Expand All @@ -129,8 +129,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S02E03"
data-srcset="https://via.placeholder.com/440x560?text=S02E03 2x"
data-src="./images/220x280-03.webp"
data-srcset="./images/440x560-03.webp 2x"
width="220"
height="280"
/>
Expand All @@ -139,8 +139,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S02E04"
data-srcset="https://via.placeholder.com/440x560?text=S02E04 2x"
data-src="./images/220x280-04.webp"
data-srcset="./images/440x560-04.webp 2x"
width="220"
height="280"
/>
Expand All @@ -149,8 +149,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S02E05"
data-srcset="https://via.placeholder.com/440x560?text=S02E05 2x"
data-src="./images/220x280-05.webp"
data-srcset="./images/440x560-05.webp 2x"
width="220"
height="280"
/>
Expand All @@ -167,8 +167,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S03E01"
data-srcset="https://via.placeholder.com/440x560?text=S03E01 2x"
data-src="./images/220x280-01.webp"
data-srcset="./images/440x560-01.webp 2x"
width="220"
height="280"
/>
Expand All @@ -177,8 +177,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S03E02"
data-srcset="https://via.placeholder.com/440x560?text=S03E02 2x"
data-src="./images/220x280-02.webp"
data-srcset="./images/440x560-02.webp 2x"
width="220"
height="280"
/>
Expand All @@ -187,8 +187,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S03E03"
data-srcset="https://via.placeholder.com/440x560?text=S03E03 2x"
data-src="./images/220x280-03.webp"
data-srcset="./images/440x560-03.webp 2x"
width="220"
height="280"
/>
Expand All @@ -197,8 +197,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S03E04"
data-srcset="https://via.placeholder.com/440x560?text=S03E04 2x"
data-src="./images/220x280-04.webp"
data-srcset="./images/440x560-04.webp 2x"
width="220"
height="280"
/>
Expand All @@ -207,8 +207,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S03E05"
data-srcset="https://via.placeholder.com/440x560?text=S03E05 2x"
data-src="./images/220x280-05.webp"
data-srcset="./images/440x560-05.webp 2x"
width="220"
height="280"
/>
Expand All @@ -225,8 +225,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S04E01"
data-srcset="https://via.placeholder.com/440x560?text=S04E01 2x"
data-src="./images/220x280-01.webp"
data-srcset="./images/440x560-01.webp 2x"
width="220"
height="280"
/>
Expand All @@ -235,8 +235,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S04E02"
data-srcset="https://via.placeholder.com/440x560?text=S04E02 2x"
data-src="./images/220x280-02.webp"
data-srcset="./images/440x560-02.webp 2x"
width="220"
height="280"
/>
Expand All @@ -245,8 +245,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S04E03"
data-srcset="https://via.placeholder.com/440x560?text=S04E03 2x"
data-src="./images/220x280-03.webp"
data-srcset="./images/440x560-03.webp 2x"
width="220"
height="280"
/>
Expand All @@ -255,8 +255,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S04E04"
data-srcset="https://via.placeholder.com/440x560?text=S04E04 2x"
data-src="./images/220x280-04.webp"
data-srcset="./images/440x560-04.webp 2x"
width="220"
height="280"
/>
Expand All @@ -265,8 +265,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S04E05"
data-srcset="https://via.placeholder.com/440x560?text=S04E05 2x"
data-src="./images/220x280-05.webp"
data-srcset="./images/440x560-05.webp 2x"
width="220"
height="280"
/>
Expand All @@ -283,8 +283,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S05E01"
data-srcset="https://via.placeholder.com/440x560?text=S05E01 2x"
data-src="./images/220x280-01.webp"
data-srcset="./images/440x560-01.webp 2x"
width="220"
height="280"
/>
Expand All @@ -293,8 +293,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S05E02"
data-srcset="https://via.placeholder.com/440x560?text=S05E02 2x"
data-src="./images/220x280-02.webp"
data-srcset="./images/440x560-02.webp 2x"
width="220"
height="280"
/>
Expand All @@ -303,8 +303,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S05E03"
data-srcset="https://via.placeholder.com/440x560?text=S05E03 2x"
data-src="./images/220x280-03.webp"
data-srcset="./images/440x560-03.webp 2x"
width="220"
height="280"
/>
Expand All @@ -313,8 +313,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S05E04"
data-srcset="https://via.placeholder.com/440x560?text=S05E04 2x"
data-src="./images/220x280-04.webp"
data-srcset="./images/440x560-04.webp 2x"
width="220"
height="280"
/>
Expand All @@ -323,8 +323,8 @@ <h1>Swiper lazily initialized</h1>
<img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/220x280?text=S05E05"
data-srcset="https://via.placeholder.com/440x560?text=S05E05 2x"
data-src="./images/220x280-05.webp"
data-srcset="./images/440x560-05.webp 2x"
width="220"
height="280"
/>
Expand Down

0 comments on commit 938ffd7

Please sign in to comment.