https://www.srvusd.net/scripts/D-banner-Marysville.js

1//22-01-12
2/* ---------- Banner D Banner Eureka Scripts ---------- */
3
4try {
5    let bannerOverlays = $('.ccms-banner-overlay');
6    let bannerOverlayH1 = $('.ccms-banner-overlay h1 strong');
7    let bannerOverlayP = $('.ccms-banner-overlay p');
8    let bannerOverlayLink = $('.ccms-banner-overlay .ccms-banner-button');
9
10    $(bannerOverlayH1).each(function (index) {
11        if ($(this).children('span').hasClass('visuallyhidden')) {
12            $(this).parent('h1').addClass('empty-banner-overlay-h1 bannery-overlay-empty-element');
13        }
14    });
15
16    $(bannerOverlayP).each(function (index) {
17        if ($(this).css('opacity') == 0) {
18            $(this).addClass('empty-banner-overlay-p bannery-overlay-empty-element');
19        }
20    });
21
22    $(bannerOverlayLink).each(function (index) {
23        if ($(this).css('opacity') == 0) {
24            $(this).addClass('empty-banner-overlay-link bannery-overlay-empty-element');
25        }
26    });
27
28    $(bannerOverlays).each(function (index) {
29        const thisBannerOverlay = $(this);
30        const bannerOverlayTitle = $(this).children('h1');
31        const firstP = $(this).children('p')[0];
32        const secondP = $(this).children('p')[1];
33        const bannerOverlayButton = $(this).children('.ccms-banner-button');
34
35
36        $(bannerOverlayTitle).addClass('banner-overlay-title');
37        $(firstP).addClass('banner-overlay-sub-title');
38        $(secondP).addClass('banner-overlay-caption');
39        $(bannerOverlayButton).addClass('banner-overlay-button');
40
41        const bannerOverlayChildren = $(this).children(':not(.bannery-overlay-empty-element)');
42        bannerOverlayChildren.length === 1 && $(bannerOverlayChildren).addClass('banner-overlay-only-child');
43        if (bannerOverlayChildren.length > 1) {
44            $(bannerOverlayChildren[0]).addClass('banner-overlay-top');
45            $(bannerOverlayChildren[bannerOverlayChildren.length - 1]).addClass('banner-overlay-bottom');
46        }
47
48        if (!$(this).children('h1').hasClass('empty-banner-overlay-h1') && !$(this).children('p').hasClass('empty-banner-overlay-p')) {
49            $(this).addClass('banner-overlay-vertical-center');
50        }
51
52        if (!$(firstP).hasClass('empty-banner-overlay-p') && $(secondP).hasClass('empty-banner-overlay-p')) {
53            $(this).addClass('banner-overlay-no-caption');
54
55        }
56    });
57
58} catch (error) {
59    console.log(error);
60}