Rich Media Gallery

<!DOCTYPE html>      <html lang="en-US">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Rich Media Gallery - Equativ</title> <meta name="description" content="A rich media gallery that shows all kind of ad formats according to web, mobile or video sections" />  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="HandheldFriendly" content="true"/> <meta name="MobileOptimized" content="320"/>  <link href="_include/css/bootstrap.min.css" rel="stylesheet">  <link href="_include/css/main.css?v=2" rel="stylesheet">  <link href="_include/css/fancybox/jquery.fancybox.css" rel="stylesheet">  <link href="_include/css/fonts.css" rel="stylesheet">  <link href="_include/css/shortcodes.css" rel="stylesheet">  <link href="_include/css/bootstrap-responsive.min.css" rel="stylesheet"> <link href="_include/css/responsive.css" rel="stylesheet">  <link href='//fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900' rel='stylesheet' type='text/css'> <link href="//fonts.googleapis.com/css?family=Inter" rel="stylesheet">  <link rel="icon" href="_include/img/favicon-equativ.png"> <link rel="shortcut icon" href="#"> <link rel="apple-touch-icon" href="#"> <link rel="apple-touch-icon" sizes="114x114" href="#"> <link rel="apple-touch-icon" sizes="72x72" href="#"> <link rel="apple-touch-icon" sizes="144x144" href="#">  <script src="_include/js/modernizr.js"></script>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-48404139-1', 'smartadserver.com'); ga('send', 'pageview'); </script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MPMFB3K');</script>  </head> <body>  <div class="ole"> <section id="jSplash"> <div id="circle"></div> </section> </div>   <header> <div class="sticky-nav"> <a id="mobile-nav" class="menu-nav" href="#menu-nav"></a> <div id="logo"> <a href="" title="Equative Rich Media Gallery"> </a> </div> <nav id="menu"> <ul id="menu-nav"> <li><a href="nativeadstudio" class="external">Native Ad Studio</a></li> <li class="current"><a href="#work">Ad Formats</a></li> </ul> </nav> </div> </header>   <div id="home" class="page"> <div class="container">  <div class="row"> <div class="span12"> <div class="title-page"> <h1 class="title">Welcome to our Rich Media Gallery</h1> <h2 class="title-description">Which category do you want to visit?</h2> </div> </div> </div>  <br><br>  <div class="row" id="homeSection">  <div class="span4 profile"> <a href="#tab" onclick="$('#_btnTab1').click();return false;"> <div class="image-wrap"> <div class="hover-wrap"> <span class="overlay-img"></span> <span class="overlay-text-thumb">View Demos</span> </div> <img src="_include/img/profile/web-gallery.svg" alt="Web ad formats gallery"> </div> </a> <h1 class="profile-name" style="text-align:center; font-size:24px">Web gallery</h1> <p class="profile-description">Discover our gallery of ready-to-use rich media ad formats for your display campaigns: expandable, video, native ads, rising stars and more. The simplest way to build and deliver great ad experiences. </p> </div>   <div class="span4 profile"> <a href="#tab" onclick="$('#_btnTab2').click();return false;"> <div class="image-wrap"> <div class="hover-wrap"> <span class="overlay-img"></span> <span class="overlay-text-thumb">View Demos</span> </div> <img src="_include/img/profile/mobile-gallery.svg" alt="Mobile ad formats gallery"> </div> </a> <h1 class="profile-name" style="text-align:center; font-size:24px">Mobile gallery</h1> <p class="profile-description">Rich media on mobile and tablets at your fingertips... Equativ provides customizable ad templates for mobile web and mobile applications to deliver amazing ad experiences without any technical expertise. Check out the mobile rich media gallery.</p> </div>   <div class="span4 profile"> <a href="#tab" onclick="$('#_btnTab3').click();return false;"> <div class="image-wrap"> <div class="hover-wrap"> <span class="overlay-img"></span> <span class="overlay-text-thumb">View Demos</span> </div> <img src="_include/img/profile/video-gallery.svg" alt="Video ad formats gallery"> </div> </a> <h1 class="profile-name" style="text-align:center; font-size:24px">Video gallery</h1> <p class="profile-description">Video is definitively one of the most efficient support for digital advertising campaigns. Browse our selection of video in-stream and out-stream ad formats and see how Equativ customers are using them to drive ad effectiveness.</p> </div>   <div class="span4 profile"> <a href="#tab" onclick="$('#_btnTab4').click();return false;"> <div class="image-wrap"> <div class="hover-wrap"> <span class="overlay-img"></span> <span class="overlay-text-thumb">View Demos</span> </div> <img src="_include/img/profile/rtb-gallery.svg" alt="RTB ad formats gallery"> </div> </a> <h1 class="profile-name" style="text-align:center; font-size:24px">RTB gallery</h1> <p class="profile-description">Are you looking for an inspiration for your RTB campaign? Visit our RTB gallery and explore the variety of ad formats available for all platforms and devices. Pick your favorite ad unit and drive your revenue with Equativ.</p> </div>  </div>  </div> <br><br> </div>   <div id="work" class="page" style="padding-top:0px"> <div class="container" id="formatSection">  <div class="row"> <div class="span12"> <div class="title-page"> <h2 class="title">Ad Formats</h2>  </div> </div> </div>   <div class="row">  <div class="span12"> <div class="tabbable"> <ul class="nav nav-tabs" id="platformTab"> <li class="active"><a href="#web" data-toggle="tab" id="_btnTab1">Web Gallery</a></li> <li><a href="#mobile" data-toggle="tab" id="_btnTab2">Mobile Gallery</a></li> <li><a href="#video" data-toggle="tab" id ="_btnTab3">Video Gallery</a></li> <li><a href="#rtb" data-toggle="tab" id ="_btnTab4">RTB Gallery</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade in active" id="web">  <div class="row"> <div class="span3">  <nav class="formatNav work-nav"> <ul id="filters" class="ulformatsTags option-set" data-option-key="filter"> <li class="type-work">Filter by type</li> <li><a href="#all-web" data-option-value="*" class="selected">All</a></li> <li><a href="#risingStar" data-option-value=".rising-star">Rising Star</a></li> <li><a href="#background" data-option-value=".background">Background</a></li> <li><a href="#expand-web" data-option-value=".expand_web">Expand</a></li> <li><a href="#interstitial-web" data-option-value=".interstitial_web">Interstitial</a></li> <li><a href="#floating" data-option-value=".floating">Floating</a></li> <li><a href="#native" data-option-value=".native">Native ad</a></li> </ul> </nav>  </div>  <div class="span9"> <div class="row"> <section class="ulThumbsWrapper"> <ul class="ulThumbs">  <li class="item-thumbs span3"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Slideshow + thumbnails" href="slideshow-thumbnails" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2"> Slideshow + thumbnails</span> </a> <img src="_include/img/work/thumbs/slideshow-thumbnails.png" alt="The “Slideshow + thumbnails“ creative template presents multiple video/image creatives as a dynamic slideshow. Each slide is accompanied by a thumbnail located beneath."> </li>  <li class="item-thumbs span3"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Commercial break" href="commercial-break" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Commercial break</span> </a> <img src="_include/img/work/thumbs/commercial-break.png" alt="The “Commercial break“ creative template displays a fullscreen ad that appears as the user transitions from one web page to another. The ad is triggered by a click on a link within the initial webpage (one or multiple links on the same page may trigger the ad). The user can skip the ad or is automatically redirected to the destination web page after a predefined duration (in seconds)."> </li>  <li class="item-thumbs background span3"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Skin + Default banner (roadblock)" href="roadblock-skin-banner" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Skin + Default banner (roadblock)</span> </a> <img src="_include/img/work/thumbs/skin-banner-gallery.png" alt="The “Skin + Default banner (roadblock)“ creative template displays a background ad, visible on the left, top and right side of the page along with a banner ad."> </li>  <li class="item-thumbs span3 floating"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Sitebar" href="sitebar" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Sitebar</span> </a> <img src="_include/img/work/thumbs/sitebar2.png" alt="Shows an ad on the right side of the page."> </li>  <li class="item-thumbs span3 native"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Easy Native Ad" href="easy-native-ad" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Easy Native Ad</span> </a> <img src="_include/img/work/thumbs/native_ad.png" alt="The easy native ad format is located within the website content. It matches the content of the page in both form and behavior. The template is available for web and mobile web."> </li>  <li class="item-thumbs span3 floating"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Tower" href="tower" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Tower</span> </a> <img src="_include/img/work/thumbs/tower.png" alt="Tower is a vertically floating inline banner which could be positioned on the side column. It will follow the scroll and remain in viewport within available(predefined) space."> </li>  <li class="item-thumbs span3"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="In-Image" href="in-image" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">In-Image</span> </a> <img src="_include/img/work/thumbs/in-image.png" alt="Displays classic banner over one of the images in the page content. This template can be used to deliver banner of any type : image, agency script, html5. It chooses position automatically based on the passed parameters. It supports both synchronous and asynchronous tags. This template is available both for web and mobile web."> </li>  <li class="item-thumbs span3 native">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="In-Feed Native Ad" href="native-ad" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">In-Feed Native Ad</span> </a> <img src="_include/img/work/thumbs/native_ad.png" alt="The in-feed native ad format is located within the website's content. It matches the content of the page in both form and behavior. The template is available for web and mobile web."> </li>  <li class="item-thumbs span3 background">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Background reveal" href="background-reveal-web" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Background reveal</span> </a>  <img src="_include/img/work/thumbs/background_reveal.png" alt="This template moves page content down with the nice 3D animation to show the creative. To use it you have to choose page wrapper id or class."> </li>  <li class="item-thumbs span3">  <a class="hover-wrap" data-fancybox-group="gallery" title="Parallax" href="parallax" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Parallax</span> </a>  <img src="_include/img/work/thumbs/parallax_rwd.png" alt="Parallax is the inline ad which shows piece of background during scroll action. It supports image, flash, agency script and html5. The template is available both for web and mobile web."> </li>  <li class="item-thumbs span3 interstitial_web">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Interstitial" href="interstitial-web" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Interstitial</span> </a>  <img src="_include/img/work/thumbs/interstitial_rwd.png" alt="Displays a full page creative for a few seconds before loading the content page, ensuring maximum visibility and engagement with advertisement."> </li>  <li class="item-thumbs span3 rising-star">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="IAB Slider" href="slider-iab-web-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Slider</span> </a>  <img src="_include/img/work/thumbs/slider_risingstar_web.png" alt="Overlay unit that hovers on the bottom of a page, prompting users to engage with the ad which will 'slide the entire page over', much like the IAB Sidekick, unveiling a full branded experience."> </li>  <li class="item-thumbs span3 rising-star">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="IAB Sidekick" href="sidekick-iab-web-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Sidekick</span> </a>  <img src="_include/img/work/thumbs/sidekick_risingstar_web.png" alt="This expandable ad format launches from an IAB standard ad - when interaction is engaged, the creative smoothly pushes page content leftward, revealing a large, functional multimedia canvas for your creative."> </li>  <li class="item-thumbs span3 rising-star">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="IAB Filmstrip" href="filmstrip-iab-web-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Filmstrip</span> </a>  <img src="_include/img/work/thumbs/filmstrip_risingstar_web.png" alt="The IAB Filmstrip enables enhanced creative story–telling capabilities within a single ad creative. The Filmstrip is then served through the IAB UAP 300x600. Simple engagement features – scroll, click, hover – allow the user to explore all 5 ad segments of 300x600."> </li>  <li class="item-thumbs span3 rising-star">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="IAB Portrait" href="portrait-iab-web-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Portrait</span> </a>  <img src="_include/img/work/thumbs/portrait_risingstar_web.png" alt="The IAB Portrait ad is a 300x1050 banner that contains 3 modules. The first module can integrate an image gallery or content such as videos, maps, or a custom flash content. Content can expand over the page’s editorial content. The other modules can include Image, flash, video or HTML content. This format also include logo and title options."> </li>  <li class="item-thumbs span3 expand_web"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Expand (one creative)" href="expand-one-creative-web-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Expand (one creative)</span> </a>  <img src="_include/img/work/thumbs/multi_expand_2011.png" alt="This is a format containing a creative that will be extended during on mouseover or on click."> </li>  <li class="item-thumbs span3 expand_web">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Expandable Banner - Two creative" href="expand-two-creatives-web-ad-format1" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Expand (two creatives)</span> </a>  <img src="_include/img/work/thumbs/multi_expand_2011.png" alt="Format containing two creatives that will be used to display a collapsed state and expanded state on mouseover or on click. The first creative is used for the collapsed state and the second for the expanded state."> </li>  <li class="item-thumbs span3 floating">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Floor ad" href="floor-ad-web-ad-format1" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Floor ad</span> </a>  <img src="_include/img/work/thumbs/floor_ad.png" alt="Official Equativ Floor ad script. Displays a banner that sticks on top or on bottom of the window."> </li>  <li class="item-thumbs span3 background">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Background" href="background-web-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Background</span> </a>  <img src="_include/img/work/thumbs/background.png" alt="Official Equativ background script. Displays a background on your website. Support: image, flash, html5 and agency code."> </li>  <li class="item-thumbs span3 floating">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Banderole Ad + Auto Close" href="banderole-auto-close" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Banderole Ad + Auto Close</span> </a>  <img src="_include/img/work/thumbs/banderole_auto_close.png" alt="Official Equativ Banderole Ad + Auto Close script. Displays a banderole Ad on your website. Support: image, flash and agency code."> </li>  <li class="item-thumbs span3">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Advanced Banner" href="advanced-banner" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Advanced Banner</span> </a>  <img src="_include/img/work/thumbs/advanced_banner.png" alt="Official Advanced Banner script. Displays a banner with an integrated close button."> </li> </ul> </section> </div> </div> </div>  </div> <div class="tab-pane fade in" id="mobile">  <div class="row"> <div class="span3">  <nav class="formatNav work-nav"> <ul id="filters2" class="ulformatsTags option-set" data-option-key="filter"> <li class="type-work">Filter by type</li> <li><a href="#all-mobile" data-option-value="*" class="selected">All</a></li> <li><a href="#mobile-web" data-option-value=".mobileweb">Mobile Web</a></li> <li><a href="#mobile-app" data-option-value=".mobileapp">Mobile App</a></li> <li><a href="#mobile-banner" data-option-value=".banner_mobile">Mobile Banner</a></li> <li><a href="#expand-mobile" data-option-value=".expand_mobile">Expand</a></li> <li><a href="#mobile-rising-star" data-option-value=".mobile-rising-star">Rising Star</a></li> <li><a href="#slideshow" data-option-value=".slideshow">Slideshow</a></li> <li><a href="#interstitial-mobile" data-option-value=".interstitial_mobile">Interstitial</a></li> <li><a href="#more-mobile" data-option-value=".more_mobile">More Interactive Formats</a></li> </ul> </nav>  </div>  <div class="span9"> <div class="row"> <section class="ulThumbsWrapper"> <ul class="ulThumbs">  <li class="item-thumbs span3 mobileweb"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Commercial break" href="mobile-commercial-break" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Commercial break</span> </a> <img src="_include/img/work/thumbs/commercial-break.png" alt="The “Commercial break“ creative template displays a fullscreen ad that appears as the user transitions from one web page to another. The ad is triggered by a click on a link within the initial webpage (one or multiple links on the same page may trigger the ad). The user can skip the ad or is automatically redirected to the destination web page after a predefined duration (in seconds)."> </li>  <li class="item-thumbs span3 mobileweb"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Easy Native Ad" href="mobile-easy-native-ad" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Easy Native Ad</span> </a> <img src="_include/img/work/thumbs/native_ad.png" alt="The easy native ad format is located within the website content. It matches the content of the page in both form and behavior. The template is available for web and mobile web."> </li>  <li class="item-thumbs span3 mobileweb"> <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="In-Image" href="mobile-in-image" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">In-Image</span> </a> <img src="_include/img/work/thumbs/in-image.png" alt="Displays classic banner over one of the images in the page content. This template can be used to deliver banner of any type : image, agency script, html5. It chooses position automatically based on the passed parameters. It supports both synchronous and asynchronous tags. This template is available both for web and mobile web."> </li>  <li class="item-thumbs span3 mobileweb expand_mobile">  <a class="hover-wrap" data-fancybox-group="gallery" title="Expand (two creatives) " href="smart-mobile-expand-two-creative-web-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Expand (two creatives)</span> </a>  <img src="_include/img/work/thumbs/expand_two_creatives_mobileweb.png" alt="Format containing two creatives that will be used to display a collapsed state and expanded state on tap. The first creative is used for the collapsed state and the second for the expanded state."> </li>  <li class="item-thumbs span3 mobileapp banner_mobile">  <a class="hover-wrap" data-fancybox-group="gallery" title="SDK Parallax Banner" href="parallax-banner" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">SDK Parallax Banner</span> </a>  <img src="_include/img/work/thumbs/mobile_parallax_gallery.png" alt="Inline ad which shows piece of background during scroll action. It supports image, agency script and html5. This template is available from the Display SDK 6.3 and higher."> </li>  <li class="item-thumbs span3 mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="In-Feed Native Ad" href="mobile-native-ad" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">In-Feed Native Ad</span> </a> <img src="_include/img/work/thumbs/native_ad.png" alt="The in-feed native ad format is located within the website's content. It matches the content of the page in both form and behavior. The template is available for web and mobile web."> </li>  <li class="item-thumbs span3 mobileweb">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Background reveal" href="background-reveal-mobile" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Background reveal</span> </a>  <img src="_include/img/work/thumbs/background_reveal.png" alt="This template moves page content down with the nice 3D animation to show the creative. To use it you have to choose page wrapper id or class."> </li>  <li class="item-thumbs span3 mobileweb floating">  <a class="hover-wrap" data-fancybox-group="gallery" title="Parallax" href="mobile-parallax" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Parallax</span> </a>  <img src="_include/img/work/thumbs/parallax_rwd.png" alt="Parallax is the inline ad which shows piece of background during scroll action. It supports image, flash, agency script and html5. The template is available both for web and mobile web."> </li>  <li class="item-thumbs span3 mobile-rising-star mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="IAB Mobile Adhesion Banner" href="iab-mobile-adhesion-banner" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">IAB Mobile Adhesion Banner</span> </a>  <img src="_include/img/work/thumbs/Adhesion_banner_Icon_New_230x169.png" alt="The IAB Mobile Adhesion Banner is positioned to the bottom of the device display. Banner will disappear when a viewer interacts with the screen. After click on the banner it expands and shows second creative."> </li>  <li class="item-thumbs span3 mobileweb slideshow">  <a class="hover-wrap" data-fancybox-group="gallery" title="Mobile Slideshow" href="mobile-slideshow" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Mobile Slideshow</span> </a>  <img src="_include/img/work/thumbs/Slideshow_230x169_New.png" alt="This mobile format displays inline slideshow with the infinitive number of slides and nice animation. User can control slideshow using arrows and swipe. It supports images and video (all creatives should have the same size)."> </li>  <li class="item-thumbs span3 interstitial_mobile mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="Interstitial" href="interstitial-mobile" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Interstitial</span> </a>  <img src="_include/img/work/thumbs/interstitial_rwd.png" alt="Displays a full page creative for a few seconds before loading the content page, ensuring maximum visibility and engagement with advertisement."> </li>  <li class="item-thumbs span3 interstitial_mobile mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="Interstitial (portrait / landscape)" href="interstitial-mobile-two-creatives" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Interstitial (portrait / landscape)</span> </a>  <img src="_include/img/work/thumbs/interstitial.png" alt="Displays a full page creative for a few seconds before loading the content page, ensuring maximum visibility and engagement with advertisement."> </li>  <li class="item-thumbs span3 more_mobile mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="Spin Cube" href="spincube-mobile-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Spin cube</span> </a>  <img src="_include/img/work/thumbs/spincube_mobileweb.png" alt="This script displays a front / back side banner that rotates to show both sides of the banner and which can be served on top, middle or bottom."> </li>  <li class="item-thumbs span3 mobileweb rich_html interstitial_mobile">  <a class="hover-wrap" data-fancybox-group="gallery" title="Floor ad" href="smart-mobile-floor-ad-web-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Floor ad</span> </a>  <img src="_include/img/work/thumbs/floor_ad_for_mobile.png" alt="This script displays an animated or static banner placed on top or bottom."> </li>  <li class="item-thumbs span3 mobileapp">  <a class="hover-wrap" data-fancybox-group="gallery" title="In-Feed Native Ad" href="native-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">In-Feed Native Ad</span> </a>  <img src="_include/img/work/thumbs/native_ad_format.png" alt="In-Feed Native Ad format is located within a content. It matches both form and behavior of natural page content."> </li> </ul> </section> </div> </div> </div>  </div> <div class="tab-pane fade in" id="video">  <div class="row"> <div class="span3">  <nav class="formatNav work-nav"> <ul id="filters3" class="ulformatsTags option-set" data-option-key="filter"> <li class="type-work">Filter by type</li> <li><a href="#all-video" data-option-value="*" class="selected">All</a></li> <li><a href="#instream-web" data-option-value=".instream_web">In-stream Web - VAST3 offer</a></li>  <li><a href="#outstream-web" data-option-value=".outstream_web">Out-stream Web - VAST3 offer</a></li> <li><a href="#outstream-mobile" data-option-value=".outstream_mobile">Out-stream Mobile</a></li> </ul> </nav>  </div>  <div class="span9"> <div class="row"> <section class="ulThumbsWrapper"> <ul class="ulThumbs">  <li class="item-thumbs span3 outstream_mobile">  <a class="hover-wrap" data-fancybox-group="gallery" title="Video-Header" href="mobile-video-header" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Video-Header (mobile)</span> </a>  <img src="_include/img/work/thumbs/video-header.jpg" alt="a video ad as a header banner. It also displays the video in sticky to the top mode when user scrolls down."> </li>  <li class="item-thumbs span3 outstream_mobile">  <a class="hover-wrap" data-fancybox-group="gallery" title="Smart Video-Parallax for Mobile" href="smart-mobile-video-parallax-outstream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Parallax for Mobile</span> </a>  <img src="_include/img/work/thumbs/video_parallax_format_mobile_230x169_gallery.png" alt="Displays parallax video which automatically starts when player is visible"> </li>  <li class="item-thumbs span3 outstream_mobile">  <a class="hover-wrap" data-fancybox-group="gallery" title="Equativ Video-Interstitial SDK" href="video-interstitial-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Interstitial SDK</span> </a>  <img src="_include/img/work/thumbs/mobile_video_interstitital.png" alt="Displays a video advert over your website."> </li>  <li class="item-thumbs span3 outstream_web">  <a class="hover-wrap" data-fancybox-group="gallery" title="Equativ Video-Floorad" href="smart-video-floorad-outstream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Floorad (1)</span> </a>  <img src="_include/img/work/thumbs/video_floorad.png" alt="Official Equativ Video-Floorad script. The Video-Floorad works like a rich media Floor ad but allows to display a video. Displays a banner that sticks on top or on bottom of the window. This template has also expand mode with a nice CSS3 animation."> </li>  <li class="item-thumbs span3 outstream_web">  <a class="hover-wrap" data-fancybox-group="gallery" title="Equativ Video-Floorad" href="smart-video-floorad-2-outstream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Floorad (2)</span> </a>  <img src="_include/img/work/thumbs/video_floorad.png" alt="Official Equativ Video-Floorad script. The Video-Floorad works like a rich media Floor ad but allows to display a video. Displays a banner that sticks on top or on bottom of the window. This template has also expand mode with a nice CSS3 animation."> </li>  <li class="item-thumbs span3 outstream_web">  <a class="hover-wrap" data-fancybox-group="gallery" title="Equativ Video-Background" href="smart-video-background-1-outstream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Background (1)</span> </a>  <img src="_include/img/work/thumbs/icon_gallery_smart_video-background.png" alt="Equativ Video-Background out-stream ad format"> </li>  <li class="item-thumbs span3 outstream_web">  <a class="hover-wrap" data-fancybox-group="gallery" title="Equativ Video-Background" href="smart-video-background-2-outstream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Background (2)</span> </a>  <img src="_include/img/work/thumbs/icon_gallery_smart_video-background.png" alt="Equativ Video-Background out-stream ad format"> </li>  <li class="item-thumbs span3 outstream_web">  <a class="hover-wrap" data-fancybox-group="gallery" title="Equativ Video-Fold" href="smart-video-fold-outstream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Fold (1)</span> </a>  <img src="_include/img/work/thumbs/smart-video-fold.png" alt="Equativ Video-Fold out-stream ad format"> </li>  <li class="item-thumbs span3 outstream_web">  <a class="hover-wrap" data-fancybox-group="gallery" title="Equativ Video-Fold" href="smart-video-fold-2-outstream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Fold (2)</span> </a>  <img src="_include/img/work/thumbs/smart-video-fold.png" alt="Equativ Video-Fold out-stream ad format"> </li>  <li class="item-thumbs span3 outstream_web outstream_mobile">  <a class="hover-wrap" data-fancybox-group="gallery" title="Equativ Video-Interstitial" href="smart-video-interstitial-outstream-ad-format1" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Interstitial</span> </a>  <img src="_include/img/work/thumbs/icon_smart_video-interstitial.png" alt="Equativ Video-Interstitial rich media ad format"> </li>  <li class="item-thumbs span3 outstream_web">  <a class="hover-wrap" data-fancybox-group="gallery" title="Smart Video-Screening (1)" href="smart-video-screening-outstream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Screening (1) </span> </a>  <img src="_include/img/work/thumbs/smart-video-screening.png" alt="Official script, displays a banner and video in the background. Mouse hover over banner triggers full screen video. It's possible to show other banner after closing the full screen video."> </li>  <li class="item-thumbs span3 outstream_web">  <a class="hover-wrap" data-fancybox-group="gallery" title="Smart Video-Screening (2)" href="smart-video-screening-2-outstream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Screening (2) </span> </a>  <img src="_include/img/work/thumbs/smart-video-screening.png" alt="Official script, displays a banner and video in the background. Mouse hover over banner triggers full screen video. It's possible to show other banner after closing the full screen video."> </li>        <li class="item-thumbs span3 outstream_web outstream_mobile">  <a class="hover-wrap" data-fancybox-group="gallery" title="Equativ Video-Read" href="smart-video-read-outstream-ad-format1" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Smart Video-Read</span> </a>  <img src="_include/img/work/thumbs/smart-video-read.png" alt="Official Equativ Video-Read script. Displays video which automatically starts when player is visible 50% or more on the users’ screen (while player is visible less than 50% it will pause). Once the video is completely watched, it disappears."> </li>  <li class="item-thumbs span3 instream_web">  <a class="hover-wrap" data-fancybox-group="gallery" title="Pre / Mid / Post roll" href="preroll-midroll-postroll-instream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Pre / Mid / Post roll</span> </a>  <img src="_include/img/work/thumbs/video_vast_linear.png" alt="An ad format that displays a flash video in a player that can expand above the page content."> </li>  <li class="item-thumbs span3 instream_web">  <a class="hover-wrap" data-fancybox-group="gallery" title="Overlay" href="overlay-video-instream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">Overlay</span> </a>  <img src="_include/img/work/thumbs/overlay_video.png" alt="A non-linear ads, also called overlay, is an image display on top or bottom of the content video concurrently with the video playback."> </li> </ul> </section> </div> </div> </div>  </div> <div class="tab-pane fade in" id="rtb">  <div class="row"> <div class="span3">  <nav class="formatNav work-nav"> <ul id="filters3" class="ulformatsTags option-set" data-option-key="filter"> <li class="type-work">Filter by type</li> <li><a href="#all-rtb" data-option-value="*" class="selected">All</a></li> <li><a href="#web" data-option-value=".web">Web</a></li> <li><a href="#mobile-web" data-option-value=".mobileweb">Mobile Web</a></li> <li><a href="#mobile-app" data-option-value=".mobileapp">Mobile App</a></li> <li><a href="#video" data-option-value=".video">Video</a></li> </ul> </nav>  </div>  <div class="span9"> <div class="row"> <section class="ulThumbsWrapper"> <ul class="ulThumbs">  <li class="item-thumbs span3 web">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB Sitebar" href="rtb-sitebar" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Sitebar</span> </a>  <img src="_include/img/work/thumbs/sitebar2.png" alt="Shows an ad on the right side of the page."> </li>  <li class="item-thumbs span3 outstream_mobile">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB Video-Header" href="rtb-mobile-video-header" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Video-Header (mobile)</span> </a>  <img src="_include/img/work/thumbs/video-header.jpg" alt="a video ad as a header banner. It also displays the video in sticky to the top mode when user scrolls down."> </li>        <li class="item-thumbs span3 mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB Interstitial" href="rtb-interstitial-mobile" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Interstitial (Mobile)</span> </a>  <img src="_include/img/work/thumbs/interstitial_rwd.png" alt="Displays a full page creative for a few seconds before loading the content page, ensuring maximum visibility and engagement with advertisement."> </li>  <li class="item-thumbs span3 web">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="RTB Interstitial" href="rtb-interstitial-web" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Interstitial (Web)</span> </a>  <img src="_include/img/work/thumbs/interstitial_rwd.png" alt="Displays a full page creative for a few seconds before loading the content page, ensuring maximum visibility and engagement with advertisement."> </li>  <li class="item-thumbs span3 web mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB In-Image" href="rtb-mobile-in-image" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB In-Image</span> </a>  <img src="_include/img/work/thumbs/in-image.png" alt="Displays classic banner over one of the images in the page content. This template can be used to deliver banner of any type : image, agency script, html5. It chooses position automatically based on the passed parameters. It supports both synchronous and asynchronous tags. This template is available both for web and mobile web."> </li>  <li class="item-thumbs span3 web video mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB Equativ Video-Interstitial" href="rtb-smart-video-interstitial-outstream-ad-format1" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Smart Video-Interstitial</span> </a>  <img src="_include/img/work/thumbs/icon_smart_video-interstitial.png" alt="Equativ video-interstitial rich media ad format"> </li>  <li class="item-thumbs span3 mobileweb video">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB Equativ Video-Parallax for Mobile" href="rtb-smart-mobile-video-parallax-outstream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Smart Video-Parallax for Mobile</span> </a>  <img src="_include/img/work/thumbs/video_parallax_format_mobile_230x169_gallery.png" alt="Displays parallax video which automatically starts when player is visible"> </li>  <li class="item-thumbs span3 mobileapp video">  <a class="hover-wrap" data-fancybox-group="gallery" title=" RTB SDK Parallax Banner" href="rtb-parallax-banner" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB SDK Parallax Banner</span> </a>  <img src="_include/img/work/thumbs/mobile_parallax_gallery.png" alt="Inline ad which shows piece of background during scroll action. It supports image, agency script and html5. This template is available from the Display SDK 6.3 and higher."> </li>  <li class="item-thumbs span3 mobileapp video">  <a class="hover-wrap" data-fancybox-group="gallery" title=" RTB Video-Interstitial SDK" href="rtb-video-interstitial-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Smart Video-Interstitial SDK</span> </a>  <img src="_include/img/work/thumbs/mobile_video_interstitital.png" alt="Display a full screen floating / interstitial video ad. This template is available from the Display SDK 6.3 and higher."> </li>  <li class="item-thumbs span3 mobileapp video">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB Equativ Video-Read SDK" href="rtb-video-read-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Smart Video-Read SDK</span> </a>  <img src="_include/img/work/thumbs/video-read-app.png" alt="Displays video which automatically starts when player is visible."> </li>  <li class="item-thumbs span3 mobileapp">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB In-Feed Native Ad" href="rtb-native-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB In-Feed Native Ad</span> </a>  <img src="_include/img/work/thumbs/native_ad_format.png" alt="In-Feed Native Ad format is located within a content. It matches both form and behavior of natural page content."> </li>  <li class="item-thumbs span3 video web mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB Equativ Video-Read" href="rtb-smart-video-read1" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Smart Video-Read</span> </a>  <img src="_include/img/work/thumbs/smart-video-read.png" alt="Displays video which automatically starts when player is visible."> </li>  <li class="item-thumbs span3 web mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="In-Feed Native Ad" href="rtb-native-ad" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB In-Feed Native Ad</span> </a>  <img src="_include/img/work/thumbs/rtb-native-ad.png" alt="In-Feed Native Ad format is located within a content. It matches both form and behavior of natural page content."> </li>  <li class="item-thumbs span3 web">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="RTB Skin" href="rtb-skin" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Skin</span> </a>  <img src="_include/img/work/thumbs/RTB+Skin_230x169.png" alt="Displays a background on your website."> </li>  <li class="item-thumbs span3 web">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="RTB Floor Ad" href="rtb-floor-ad-web-ad-format1" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Floor Ad</span> </a>  <img src="_include/img/work/thumbs/RTB+Floor_Ad_230x169.png" alt="Displays a banner that sticks on top or on bottom of the window."> </li>  <li class="item-thumbs span3 web">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="RTB Bandrole Ad + Auto Close" href="rtb-bandrole-ad-auto-close" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Bandrole Ad + Auto Close</span> </a>  <img src="_include/img/work/thumbs/RTB+Banderole Ad_+Autoclose_230x169.png" alt="Banderole is a horizontally banner with fixed position over the website content (it doesn't move while page scrolling). Banderole shrinks automatically or after click to a bar form on the right edge of the browser window. It can be expanded again in any time after click on the bar."> </li>  <li class="item-thumbs span3 web mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB Parallax " href="rtb-mobile-parallax" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Parallax</span> </a>  <img src="_include/img/work/thumbs/RTB_Parallax_230x169.png" alt="Parallax is the inline ad which shows piece of background during scroll action. The template is available both for web and mobile web."> </li> <li class="item-thumbs span3 web mobileweb">  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Advanced Banner" href="rtb-advanced-banner" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Advanced Banner</span> </a>  <img src="_include/img/work/thumbs/advanced_banner.png" alt="Official Advanced Banner script. Displays a banner with an integrated close button."> </li>  <li class="item-thumbs span3 mobileweb">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB Mobile Web Interstitial" href="rtb-mobile-web-interstitial" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Mobile Web Interstitial</span> </a>  <img src="_include/img/work/thumbs/RTB_Mobile_Web_Intertitial_230x169.png" alt="Displays a full page creative for a few seconds before loading the content page, ensuring maximum visibility and engagement with advertisement."> </li>  <li class="item-thumbs span3 mobileapp">  <a class="hover-wrap" data-fancybox-group="gallery" title="RTB Mobile App Interstitial" href="rtb-mobile-app-interstitial" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB Mobile App Interstitial</span> </a>  <img src="_include/img/work/thumbs/RTB_Mobile_App_Intertitial_230x169.png" alt="This script displays a layer in the app."> </li>  <li class="item-thumbs span3 video">  <a class="hover-wrap" data-fancybox-group="gallery" title="Pre / Mid / Post roll" href="rtb-preroll-midroll-postroll-instream-ad-format" target="_blank"> <span class="overlay-img"></span> <span class="overlay-text-thumb2">RTB In-Stream Video</span> </a>  <img src="_include/img/work/thumbs/RTB+In-stream_Video_230x160.png" alt="An ad format that displays a flash video in a player that can expand above the page content."> </li> </ul> </section> </div> </div> </div>  </div> </div> </div> </div>  </div>  </div> </div>   <footer> <p class="credits">©<script>document.write(new Date().getFullYear())</script> Rich Media Gallery by <a href="//equativ.com" title="Equativ | Rich Media Gallery">Equativ</a></p> <a href="https://equativ.com/contact/" class="side_contact">Contact</a> </footer>   <a id="back-to-top" href="#"> <i class="font-icon-arrow-simple-up"></i> </a>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="_include/js/bootstrap.min.js"></script>  <script src="_include/js/waypoints.js"></script>  <script src="_include/js/waypoints-sticky.js"></script>  <script src="_include/js/jquery.isotope.js"></script>  <script src="_include/js/jquery.fancybox.pack.js"></script>  <script src="_include/js/jquery.fancybox-media.js"></script>  <script src="_include/js/jquery.tweet.js"></script>  <script src="_include/js/plugins.js"></script>  <script src="_include/js/main.js"></script>   </body> </html>

CINXE.COM

Rich Media Gallery - Equativ