javascript [Responsive Banner Rotator]这将采用你固定高度的横幅旋转器，并调整到视口宽度以保持100％宽度#javascript #site

Posted 2021-05-03

/* JS -- Responsive Banner Rotator -- */

(function($){
	 var jQuery = $;

	 function sliderHeight(e) {
		var sh = (e != null && e.target != null && e.target.nodeName === 'IMG' ?
			$(e.target) :
			$('.item img:visible')
		).height();
		$('#top-wrapper').css({'height': sh +'px'});
		$('#top-wrapper .scrollable').css({'height': sh +'px'});
	}

	$(document).ready(function() {
		$(".item img").eq(0).one("load", sliderHeight).each(function() {
			if(this.complete) $(this).load();
		});
	});

	$(window).on('resize', sliderHeight);

	// duplicate caption and move below slider for mobile purposes
	// $('.item .caption').clone().addClass('mobile-caption').insertAfter('.home-slider');

})(jQ171);