Varianty responzivnich obrazku…

- vygenerovano pomoci http://www.responsivebreakpoints.com/ - vlozeno jako srcset do html
machal · Feb 11, 2017 · e19e609 · e19e609
1 parent dfb9de4
commit e19e609
Show file tree

Hide file tree

Showing 25 changed files with 42 additions and 3 deletions.
diff --git a/img/content/boty-1_1036.jpg b/img/content/boty-1_1036.jpg
diff --git a/img/content/boty-1_1080.jpg b/img/content/boty-1_1080.jpg
diff --git a/img/content/boty-1_200.jpg b/img/content/boty-1_200.jpg
diff --git a/img/content/boty-1_442.jpg b/img/content/boty-1_442.jpg
diff --git a/img/content/boty-1_617.jpg b/img/content/boty-1_617.jpg
diff --git a/img/content/boty-1_762.jpg b/img/content/boty-1_762.jpg
diff --git a/img/content/boty-1_903.jpg b/img/content/boty-1_903.jpg
diff --git a/img/content/boty-2_1075.jpg b/img/content/boty-2_1075.jpg
diff --git a/img/content/boty-2_1080.jpg b/img/content/boty-2_1080.jpg
diff --git a/img/content/boty-2_200.jpg b/img/content/boty-2_200.jpg
diff --git a/img/content/boty-2_391.jpg b/img/content/boty-2_391.jpg
diff --git a/img/content/boty-2_539.jpg b/img/content/boty-2_539.jpg
diff --git a/img/content/boty-2_664.jpg b/img/content/boty-2_664.jpg
diff --git a/img/content/boty-2_771.jpg b/img/content/boty-2_771.jpg
diff --git a/img/content/boty-2_889.jpg b/img/content/boty-2_889.jpg
diff --git a/img/content/boty-2_994.jpg b/img/content/boty-2_994.jpg
diff --git a/img/content/boty-3_1080.jpg b/img/content/boty-3_1080.jpg
diff --git a/img/content/boty-3_200.jpg b/img/content/boty-3_200.jpg
diff --git a/img/content/boty-3_553.jpg b/img/content/boty-3_553.jpg
diff --git a/img/content/boty-3_783.jpg b/img/content/boty-3_783.jpg
diff --git a/img/content/boty-3_986.jpg b/img/content/boty-3_986.jpg
diff --git a/img/content/boty-1.jpg → img/content/original/boty-1.jpg b/img/content/boty-1.jpg → img/content/original/boty-1.jpg
diff --git a/img/content/boty-2.jpg → img/content/original/boty-2.jpg b/img/content/boty-2.jpg → img/content/original/boty-2.jpg
diff --git a/img/content/boty-3.jpg → img/content/original/boty-3.jpg b/img/content/boty-3.jpg → img/content/original/boty-3.jpg
diff --git a/index.html b/index.html
@@ -56,12 +56,51 @@
       <h1>Dětské celoroční trekové boty Fare</h1>
 
       <p>
-        <img src="img/content/boty-1.jpg" alt="Dětské celoroční trekové boty Fare - pohled ze strany" height="520">
-        <img src="img/content/boty-2.jpg" alt="Dětské celoroční trekové boty Fare - pohled zepředu" height="520">
-        <img src="img/content/boty-3.jpg" alt="Dětské celoroční trekové boty Fare - pohled zezadu" height="520">
+        <img
+          src="img/content/boty-1_617.jpg"
+          srcset="
+            img/content/boty-1_200.jpg 200w,
+            img/content/boty-1_442.jpg 442w,
+            img/content/boty-1_617.jpg 617w,
+            img/content/boty-1_762.jpg 762w,
+            img/content/boty-1_903.jpg 903w,
+            img/content/boty-1_1036.jpg 1036w,
+            img/content/boty-1_1080.jpg 1080w"
+          sizes="(max-width: 1080px) 100vw, 1080px"
+          alt="Dětské celoroční trekové boty Fare - pohled ze strany"
+          height="520">
+        <img
+          src="img/content/boty-2_664.jpg"
+          srcset="
+            img/content/boty-2_200.jpg,
+            img/content/boty-2_391.jpg,
+            img/content/boty-2_539.jpg,
+            img/content/boty-2_664.jpg,
+            img/content/boty-2_771.jpg,
+            img/content/boty-2_889.jpg,
+            img/content/boty-2_994.jpg,
+            img/content/boty-2_1075.jpg,
+            img/content/boty-2_1080.jpg"
+          sizes="(max-width: 1080px) 100vw, 1080px"
+          alt="Dětské celoroční trekové boty Fare - pohled ze strany"
+          height="520">
+        <img
+          src="img/content/boty-3_783.jpg"
+          srcset="
+            img/content/boty-3_200.jpg,
+            img/content/boty-3_553.jpg,
+            img/content/boty-3_783.jpg,
+            img/content/boty-3_986.jpg,
+            img/content/boty-3_1080.jpg"
+          sizes="(max-width: 1080px) 100vw, 1080px"
+          alt="Dětské celoroční trekové boty Fare - pohled zezadu"
+          height="520">
       </p>
 
 
+
+
+
       <h2>Cena: 1 313 Kč s DPH</h2>
 
       <p>1085 Kč bez DPH</p>