<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/As-01-768x431.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-01-1000x561.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-01.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-01.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/As-01.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/As-02-768x431.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-02-1000x561.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-02.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-02.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/As-02.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/As-03-1-768x431.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-03-1-1000x561.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-03-1.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-03-1.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/As-03-1.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/As-04-768x431.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-04-1000x561.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-04.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-04.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/As-04.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/As-05-768x431.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-05-1000x561.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-05.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-05.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/As-05.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/As-06-768x431.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-06-1000x561.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-06.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/As-06.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/As-06.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-01-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-01-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-01.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/AsTablet-01.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-02-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-02-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-02.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/AsTablet-02.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-03-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-03-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-03.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/AsTablet-03.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-04-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-04-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-04.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/AsTablet-04.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-05-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-05-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-05.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/AsTablet-05.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-06-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-06-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/AsTablet-06.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/AsTablet-06.jpg" alt="" />
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-1-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-1.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-1.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-2-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-2.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-2.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-3-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-3.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-3.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-4-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-4.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-4.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-5-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-5.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/Oakland-As-sm-5.jpg" alt="" />
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-01-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-01-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-01.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-01.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-01.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-02-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-02-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-02.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-02.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-02.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-03-1-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-03-1-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-03-1.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-03-1.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-03-1.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-04-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-04-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-04.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-04.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-04.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-05-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-05-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-05.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-05.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-05.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-06-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-06-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-06.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-06.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-06.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-01-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-01-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-01.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-01.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-01.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-02-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-02-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-02.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-02.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-02.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-03-1-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-03-1-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-03-1.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-03-1.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-03-1.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-04-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-04-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-04.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-04.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-04.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-05-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-05-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-05.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-05.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-05.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/As-06-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/As-06-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/As-06.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/As-06.jpg">
<img src="https://tomrobison.com/wp-content/uploads/As-06.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
Autoplay
Oakland A’s 100% Baseball
Micro-site
Oakland A’s 100% Baseball
Micro-site
Image controller:
Auto-advance images:
Personal contribution
Flash Actionscript coding.
Project features
- Interactive audio, embedded video, UI animations.
- Downloadable content.
Project description
The 100 percent baseball site allows fans a sneak peek, behind the scenes view of the team and franchise that is the Oakland A´s. Complete with downloadable screensavers, vintage A’s folklore, and television spots, it has everything a fan could want except a World Series win, but let’s be realistic…