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>
- banner-slideshow {
margin: 25px auto;
}
- 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;
}
- 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;
}
- 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;
}
- 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;
}
- 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;
}
- 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;
}
- 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;
}
- banner-slideshow .banner-slideshow--ad {
display: block; margin: 0 auto;
}
- banner-slideshow .banner-slideshow--ad--visible {
display: block !important;
} </style>