_includes/themes/jmblog-theme/components/img.html in jmblog-theme-1.1.8 vs _includes/themes/jmblog-theme/components/img.html in jmblog-theme-1.1.9
- old
+ new
@@ -1,12 +1,15 @@
{% capture img_attrs %}
?nf_resize={{ include.mode | default: 'fit' }}
&w={{ include.w | default: 790 }}
{% if include.h %}&h={{ include.h }}{% endif %}
{% endcapture %}
-<figure class="image{{ include.res | default: 'is-3by2' | prepend: ' ' }}">
- <img
- data-src="{{ include.src | default: '/assets/img/ph.png' | absolute_url }}{{ img_attrs | strip }}"
- data-lowsrc="{{ include.src | default: '/assets/img/ph.png' | absolute_url }}?nf_resize={{ include.mode | default: 'fit' }}&w=100"
- alt="{{ include.alt | default: page.title }}"
- class="lazyload blur-up">
-</figure>
+<div class="responsive-image">
+ <figure class="image{{ include.res | default: 'is-3by2' | prepend: ' ' }}">
+ <img
+ data-src="{{ include.src | default: '/assets/img/ph.png' }}{{ img_attrs | strip }}"
+ data-lowsrc="{{ include.src | default: '/assets/img/ph.png' }}?nf_resize={{ include.mode | default: 'fit' }}&w=100"
+ alt="{{ include.alt | default: page.title }}"
+ class="lazyload blur-up">
+ </figure>
+ <span class="is-size-7 mb-5 is-block img_caption">Image by <a href="{{ include.img_source_url }}">{{ include.img_author }}</a> from <a href="{{ include.img_source_url }}">{{ include.img_source }}</a></span>
+</div>
\ No newline at end of file