<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-1-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-4-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-3-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-2-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg" alt=""> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-01-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-01-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-01.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/TreloarTablet-01.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-02-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-02-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-02.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/TreloarTablet-02.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-03-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-03-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-03.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/TreloarTablet-03.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-04-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-04-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/TreloarTablet-04.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/TreloarTablet-04.jpg" alt="" /> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-1-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-1.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/treloar-newsm-1.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-3-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-3.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/treloar-newsm-3.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-4-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-4.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/treloar-newsm-4.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-7-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-7.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/treloar-newsm-7.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-8-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-8.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/treloar-newsm-8.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-10-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-10.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/treloar-newsm-10.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-11-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-11.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/treloar-newsm-11.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-12-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/treloar-newsm-12.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/treloar-newsm-12.jpg" alt="" /> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-1-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-4-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-3-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-2-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg" alt=""> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-1-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-1.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-4-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-4.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-3-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-3.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-2-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg"> <img src="https://tomrobison.com/wp-content/uploads/marketplace-2.jpg" alt=""> </picture></div></div> </div>

Autoplay

Robert Treloar

Visit roberttreloar.com

Portfolio Website

Robert Treloar

Portfolio Website

Image controller:

Auto-advance images:

Visit roberttreloar.com

Personal contribution

Front + back-end development, responsive for all devices.

Project features

Wordpress custom child theme.
HTML5/CSS3/Javascript.
Custom, branded Wordpress backend environment for multiple content-management roles.

Project description

Robert Treloar needed a website that could present artwork spanning six decades and many styles, yet be clean, organized, and provide context.