CINXE.COM
Cision - MediaStudio View Media
<!DOCTYPE html> <html> <head> <title>Cision - MediaStudio View Media</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link href="/bundles/ViewMediaStyles?v=3jt2wrRMP_ojO7Mk6ymCGmxxBJVTE6_b45C7sJS-hV41" rel="stylesheet"/> <script src="/bundles/jquery?v=dP2yITnHXE1VENxIjrMA8762C6o0WKzQYtJrA-_gHUs1"></script> <script> $(document).ready(function () { var assetExists = 'True'; var assetIsImage = 'True'; var longestSideSize = '1920'; var disabledCount = 0; if ((assetExists.toLowerCase() == 'false' || assetIsImage.toLowerCase() == 'false')) { $('#divDownloadOptions').hide(); } $('input[type=radio]').each(function () { if (parseInt(longestSideSize) < parseInt(this.value)) { $(this).attr('disabled', 'disabled'); $(this).css('cursor', 'not-allowed'); $(this).closest("label").css("color", "#bbbaba"); $(this).siblings("img")[0].style.opacity = 0.25; disabledCount++; } }); if (disabledCount == 4) { $('#btnDownload').attr('disabled', 'disabled'); $('#btnDownload').css({ 'cursor': 'not-allowed', 'color': '#bbbaba' }); } }); function showDiv(div) { $('.divPublishedImage > div').each(function () { this.id == div ? $(this).show() : $(this).hide(); }); } function downloadImage() { var profile = $('input:checked').attr('class'); window.location = 'https://mma.prnewswire.com/media/1032194/5005873/Google_Cloud_Logo.jpg?p='+profile+'&d=1'; } </script> <style> #divDownloadOptions div label { margin-left: 80px; } .downloadButton { margin-left: 100px; width: 80px; cursor: pointer; } input[type="radio"]:disabled { cursor: not-allowed; } </style> </head> <body> <div> <header class="main-header"> <div class="container"> <a href="https://www.cision.com/" class="header-logo" target="_self"> <img src="/Content/Images/logo.png" alt="Cision" title="Cision"> </a> </div> </header> <div class="divMain"> <div class="divInner" style="padding-left: 15px; margin-top: 100px;"> <div id="divDownloadOptions" style="text-align:center"> <div> <label> <input type="radio" id="rdbSmall" class="thumbnail150" value="150" name="res" checked="checked" onclick="showDiv('dvSmall')" /> <img id="imgSmall" src="/Images/Download-Imageicon.png" alt="Small" style="height:14px;width:18px;margin-left:-3px;" /> </label> <label> <input type="radio" id="rdbMedium" class="medium600" value="600" name="res" onclick="showDiv('dvMedium')" /> <img id="imgMedium" src="/Images/Download-Imageicon.png" alt="Medium" style="height:18px;width:22px;margin-left:-3px;" /> </label> <label> <input type="radio" id="rdbLarge" class="large" value="800" name="res" onclick="showDiv('dvLarge')" /> <img id="imgLarge" src="/Images/Download-Imageicon.png" alt="Large" style="height:22px;width:26px;margin:-3px;" /> </label> <label> <input type="radio" id="rdbXL" class="publish" value="2700" name="res" onclick="showDiv('dvPublish')" /> <img id="imgXL" src="/Images/Download-Imageicon.png" alt="XL" style="height:28px;width:32px;margin:-3px;" /> </label> <button type="button" id="btnDownload" class="downloadButton" onclick="downloadImage()"> <img src="/Images/Download-Navy.png" alt="Download" style="height:18px;" /> </button> </div> <div class="divPublishedImage"> <div id="dvSmall"> <img id="imgSmall" src="https://mma.prnewswire.com/media/1032194/5005873/Google_Cloud_Logo.jpg?p=distribution" alt="Unable to view the image, Please provide a valid URL."> </div> <div id="dvMedium" style="display:none;"> <img id="imgMedium" src="https://mma.prnewswire.com/media/1032194/5005873/Google_Cloud_Logo.jpg?p=medium600" alt="Unable to view the image, Please provide a valid URL."> </div> <div id="dvLarge" style="display:none;"> <img id="imgLarge" src="https://mma.prnewswire.com/media/1032194/5005873/Google_Cloud_Logo.jpg?p=large" alt="Unable to view the image, Please provide a valid URL."> </div> <div id="dvPublish" style="display:none;"> <img id="imgXL" src="https://mma.prnewswire.com/media/1032194/5005873/Google_Cloud_Logo.jpg?p=publish" alt="Unable to view the image, Please provide a valid URL."> </div> </div> </div> </div> </div> </div> </body> </html>