Widget:BannerSlideshow

From ETHW

<script>

var slideshow = document.querySelector('#banner-slideshow');
var ads = slideshow.querySelectorAll('.banner-slideshow--ad');
var selectedAd = ads[Math.floor(Math.random()*ads.length)];
selectedAd.classList.add('banner-slideshow--ad--visible');

</script><style>

  1. banner-slideshow {
margin: 25px auto;

}

  1. banner-slideshow .banner-slideshow--ad-1 {
background: url(https://ethw.org/w/images/9/9e/Aiaa_banner.jpg) 0 0 no-repeat;
width: 856px;
height: 104px;

}

  1. banner-slideshow .banner-slideshow--ad-2 {
background: url(https://ethw.org/w/images/6/63/MX23_Reach_Local_728x90.png) 0 0 no-repeat;
width: 728px;
height: 90px;

}

  1. banner-slideshow .banner-slideshow--ad-3 {
background: url(https://ethw.org/w/images/b/be/ASME_ETHWbanner_728x90_1c.png) 0 0 no-repeat;
width: 728px;
height: 90px;

}

  1. banner-slideshow .banner-slideshow--ad-4 {
background: url(https://ethw.org/w/images/0/0b/ASME_ETHW_ad_720x90_May_1_V1.jpg) 0 0 no-repeat;
width: 720px;
height: 90px;

}

  1. banner-slideshow .banner-slideshow--ad-5 {
background: url(https://ethw.org/w/images/d/d1/ASME_ETHW_ad_720x90_May_2_V1.jpg) 0 0 no-repeat;
width: 720px;
height: 90px;

}

  1. banner-slideshow .banner-slideshow--ad-6 {
background: url(https://ethw.org/w/images/9/90/ASME_ETHW_Climate_Ad_01.png) 0 0 no-repeat;
width: 720px;
height: 90px;

}

  1. banner-slideshow .banner-slideshow--ad-7 {
background: url(https://ethw.org/w/images/1/18/8._2947_-_JPT_Digital_Adverts_-_970x90_-_150dpi.jpg) 0 0 no-repeat;
width: 968px;
height: 90px;

}

  1. banner-slideshow .banner-slideshow--ad {
 display: block;
 margin: 0 auto;

}

  1. banner-slideshow .banner-slideshow--ad--visible {
display: block !important;

} </style>