new: lazyload image shortcodes

1 files changed, 5 insertions, 22 deletions

diff --git a/layouts/shortcodes/img-lazy.html b/layouts/shortcodes/img-lazy.html
index bac255b..eed9b0e 100644
--- a/layouts/shortcodes/img-lazy.html
+++ b/layouts/shortcodes/img-lazy.html
@@ -1,22 +1,5 @@
-{{ if len .Params | eq 2 }}
-<img
-  class="lazyload img-zoomable"
-  src="{{ .Site.Params.lazyPlaceholder | relURL }}"
-  data-src="{{ index .Params 1 | relURL | safeURL }}"
-  alt="{{ index .Params 0 }}"
-/>
-{{ else if len .Params | eq 3 }}{{ if eq (index .Params 0) "row" }}
-<img
-  class="lazyload img-zoomable"
-  src="{{ .Site.Params.lazyPlaceholderRow | relURL }}"
-  data-src="{{ index .Params 2 | relURL | safeURL }}"
-  alt="{{ index .Params 1 }}"
-/>
-{{ else if eq (index .Params 0) "col" }}
-<img
-  class="lazyload img-zoomable"
-  src="{{ .Site.Params.lazyPlaceholderCol | relURL }}"
-  data-src="{{ index .Params 2 | relURL | safeURL }}"
-  alt="{{ index .Params 1 }}"
-/>
-{{ else }}{{ end }}{{ else }}{{ end }}
+{{- if len .Params | eq 3 -}}
+<p><div class="image-wrapper ratio-{{ index .Params 0 }}">
+  <img class="lazyload img-zoomable" data-src="{{ index .Params 2 | relURL | safeURL }}" alt="{{ index .Params 1 }}" />
+</div></p>
+{{- end -}}
\ No newline at end of file