'img-responsive z-hover wp-image-'.get_post_thumbnail_id(get_the_ID()) )); ?>
Multiverse is a free HTML5 photography website template. This slick theme is fully responsive with a clean and simple look. Multiverse is specially designed for photo galleries. Moreover, Multiverse perfectly suits the photography, photographer portfolio and other alike websites.
Free HTML5 Photography Website Template
It comes with a handy option namely modal image view with fully functional lightbox slideshow. In addition, it contains a reusable custom panel system. Multiverse has an intuitive and flexible code inside the box. Creating with Multiverse is easy and simple that’s why it is fun! Dig deep and explore more!
Key Features
- Clean and simple design
- One page template
- Image slideshow with modal view
- Fully responsive
- Custom panel system
- Lightbox gallery
- Contact form UI
- FontAwesome font icons
In The Box
- All demo images
- 1 HTML file
- CSS & SASS files
- JavaScript source files
- Font Icons
- Library and plugin files
Libraries and Plugins
Thank you for downloading Multiverse.
Here are three recommended free HTML5 templates for you.
i want to add lazy loading in this template, in main.js file i have added the following ( I am using https://github.com/verlok/lazyload for lazy loading)
var $main = $(‘#main’);
// Thumbs.
$main.children(‘.thumb’).each(function() {
var $this = $(this),
$image = $this.find(‘.image’), $image_img = $image.children(‘img’),$thumb_img = $image.children(‘img’),
x;
$(”).attr(‘data-src’,$image_img.attr(‘data-src’)).on(‘load’, function(){
if($(this).attr(‘src’) == $(this).attr(‘data-src’)) {
$(this).css({‘height’: ‘auto’, ‘width’: ‘100%’});
}
$(“.image”).css(‘background-image’, ‘url(‘ + $image_img.attr(‘data-src’) + ‘)’);
$(“.image”).css(‘background-size’, ‘cover’);
$(“.image”).css(‘background-position’, ‘center’);
$image_img.hide();
});
});
which helps me lazy load the background images but it fails to set background-size: cover css property and images loses its position and aspect ratio.
I really like this template and if you could suggest me the changes to make it working.
Thank you for reaching out.
Please contact the author of the theme for the technical support. Here is the link of the author website https://html5up.net/
Thank you