Whats in this Video
- Add new section and add background image to that section
- Add thumbnail images insde that section
- Add class to main section and thumbnail images
- Add jquery and css code for thumnail images
Code
<script>
jQuery(document).ready(function($){
$(".img__thumb").hover(function(){
$(".img__thumb").removeClass("active");
$(this).addClass("active");
var src = $(this).children().children().attr('src');
$(".change__bg").attr('style','background-image:url('+src+')!important;');
});
});
</script>
<style>
.img__thumb.active{
transform: scale(1.1);
transition: all 0.7s;
}
.img__thumb{
transition: all 0.7s;
}
</style>
