How to Change Section Background Image Using Custom Thumbnails in Elementor

Code


    

<script>
jQuery(document).ready(function($){
	$(".img__thumb").hover(function(){
	    
	    $(".img__thumb").removeClass("active");
	    $(this).addClass("active");
		var src = $(this).find('img').attr('src');
		console.log(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>


Recent Posts

  • All Posts
  • Complete Website Elementor Free
  • Elementor
  • Elementor Essentials
  • Elementor Guides
  • Elementor Image Carousel
  • Elementor Layout
  • Elementor Unique Ideas
  • Elementor V4
  • Navigation & Menu

Categories

Watch All Videos

Copyright © 2026 Web Bhavan.