|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/folderwave/mailer/js/ |
Upload File : |
<!DOCTYPE html>
<html class=" ">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# object: http://ogp.me/ns/object# article: http://ogp.me/ns/article# profile: http://ogp.me/ns/profile#">
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>hisrc/hisrc.js at master · teleject/hisrc · GitHub</title>
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
<link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" />
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png" />
<meta property="fb:app_id" content="1401488693436528"/>
<meta content="@github" name="twitter:site" /><meta content="summary" name="twitter:card" /><meta content="teleject/hisrc" name="twitter:title" /><meta content="hisrc - The simple jQuery plugin for adaptive images in responsive web design" name="twitter:description" /><meta content="https://avatars2.githubusercontent.com/u/41737?s=400" name="twitter:image:src" />
<meta content="GitHub" property="og:site_name" /><meta content="object" property="og:type" /><meta content="https://avatars2.githubusercontent.com/u/41737?s=400" property="og:image" /><meta content="teleject/hisrc" property="og:title" /><meta content="https://github.com/teleject/hisrc" property="og:url" /><meta content="hisrc - The simple jQuery plugin for adaptive images in responsive web design" property="og:description" />
<link rel="assets" href="https://github.global.ssl.fastly.net/">
<link rel="conduit-xhr" href="https://ghconduit.com:25035/">
<link rel="xhr-socket" href="/_sockets" />
<meta name="msapplication-TileImage" content="/windows-tile.png" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="selected-link" value="repo_source" data-pjax-transient />
<meta content="collector.githubapp.com" name="octolytics-host" /><meta content="collector-cdn.github.com" name="octolytics-script-host" /><meta content="github" name="octolytics-app-id" /><meta content="1880B449:7D82:27C82AF:534B0D9F" name="octolytics-dimension-request_id" />
<link rel="icon" type="image/x-icon" href="https://github.global.ssl.fastly.net/favicon.ico" />
<meta content="authenticity_token" name="csrf-param" />
<meta content="Q2Yyjz2kqesumkKv0xA2siH5uny/ReNImyq85kfeqpU=" name="csrf-token" />
<link href="https://github.global.ssl.fastly.net/assets/github-9bb53a970698e77802f98db076a34f260ae63ee3.css" media="all" rel="stylesheet" type="text/css" />
<link href="https://github.global.ssl.fastly.net/assets/github2-24972a8594e0dd0863bc8eacfe2fb93cec3b854f.css" media="all" rel="stylesheet" type="text/css" />
<script crossorigin="anonymous" src="https://github.global.ssl.fastly.net/assets/frameworks-e74c47b047378bd1da6e54f064c49571a2b70565.js" type="text/javascript"></script>
<script async="async" crossorigin="anonymous" src="https://github.global.ssl.fastly.net/assets/github-a1fec3e73d87f3550c635e371c8519308940f4b4.js" type="text/javascript"></script>
<meta http-equiv="x-pjax-version" content="d214ff40e069409bc0fb6fc672847713">
<link data-pjax-transient rel='permalink' href='/teleject/hisrc/blob/e66730402d9a25605c4605a05eac9ef415cded90/hisrc.js'>
<meta name="description" content="hisrc - The simple jQuery plugin for adaptive images in responsive web design" />
<meta content="41737" name="octolytics-dimension-user_id" /><meta content="teleject" name="octolytics-dimension-user_login" /><meta content="2942504" name="octolytics-dimension-repository_id" /><meta content="teleject/hisrc" name="octolytics-dimension-repository_nwo" /><meta content="true" name="octolytics-dimension-repository_public" /><meta content="true" name="octolytics-dimension-repository_is_fork" /><meta content="2900894" name="octolytics-dimension-repository_parent_id" /><meta content="1Marc/hisrc" name="octolytics-dimension-repository_parent_nwo" /><meta content="2900894" name="octolytics-dimension-repository_network_root_id" /><meta content="1Marc/hisrc" name="octolytics-dimension-repository_network_root_nwo" />
<link href="https://github.com/teleject/hisrc/commits/master.atom" rel="alternate" title="Recent Commits to hisrc:master" type="application/atom+xml" />
</head>
<body class="logged_out env-production windows vis-public fork page-blob">
<a href="#start-of-content" tabindex="1" class="accessibility-aid js-skip-to-content">Skip to content</a>
<div class="wrapper">
<div class="header header-logged-out">
<div class="container clearfix">
<a class="header-logo-wordmark" href="https://github.com/">
<span class="mega-octicon octicon-logo-github"></span>
</a>
<div class="header-actions">
<a class="button primary" href="/join">Sign up</a>
<a class="button signin" href="/login?return_to=%2Fteleject%2Fhisrc%2Fblob%2Fmaster%2Fhisrc.js">Sign in</a>
</div>
<div class="command-bar js-command-bar in-repository">
<ul class="top-nav">
<li class="explore"><a href="/explore">Explore</a></li>
<li class="features"><a href="/features">Features</a></li>
<li class="enterprise"><a href="https://enterprise.github.com/">Enterprise</a></li>
<li class="blog"><a href="/blog">Blog</a></li>
</ul>
<form accept-charset="UTF-8" action="/search" class="command-bar-form" id="top_search_form" method="get">
<div class="commandbar">
<span class="message"></span>
<input type="text" data-hotkey=" s" name="q" id="js-command-bar-field" placeholder="Search or type a command" tabindex="1" autocapitalize="off"
data-repo="teleject/hisrc"
data-branch="master"
data-sha="41497f38cfde9bbce2823f482fa768c45ec9ad58"
>
<div class="display hidden"></div>
</div>
<input type="hidden" name="nwo" value="teleject/hisrc" />
<div class="select-menu js-menu-container js-select-menu search-context-select-menu">
<span class="minibutton select-menu-button js-menu-target" role="button" aria-haspopup="true">
<span class="js-select-button">This repository</span>
</span>
<div class="select-menu-modal-holder js-menu-content js-navigation-container" aria-hidden="true">
<div class="select-menu-modal">
<div class="select-menu-item js-navigation-item js-this-repository-navigation-item selected">
<span class="select-menu-item-icon octicon octicon-check"></span>
<input type="radio" class="js-search-this-repository" name="search_target" value="repository" checked="checked" />
<div class="select-menu-item-text js-select-button-text">This repository</div>
</div> <!-- /.select-menu-item -->
<div class="select-menu-item js-navigation-item js-all-repositories-navigation-item">
<span class="select-menu-item-icon octicon octicon-check"></span>
<input type="radio" name="search_target" value="global" />
<div class="select-menu-item-text js-select-button-text">All repositories</div>
</div> <!-- /.select-menu-item -->
</div>
</div>
</div>
<span class="help tooltipped tooltipped-s" aria-label="Show command bar help">
<span class="octicon octicon-question"></span>
</span>
<input type="hidden" name="ref" value="cmdform">
</form>
</div>
</div>
</div>
<div id="start-of-content" class="accessibility-aid"></div>
<div class="site" itemscope itemtype="http://schema.org/WebPage">
<div class="pagehead repohead instapaper_ignore readability-menu">
<div class="container">
<ul class="pagehead-actions">
<li>
<a href="/login?return_to=%2Fteleject%2Fhisrc"
class="minibutton with-count js-toggler-target star-button tooltipped tooltipped-n"
aria-label="You must be signed in to star a repository" rel="nofollow">
<span class="octicon octicon-star"></span>Star
</a>
<a class="social-count js-social-count" href="/teleject/hisrc/stargazers">
429
</a>
</li>
<li>
<a href="/login?return_to=%2Fteleject%2Fhisrc"
class="minibutton with-count js-toggler-target fork-button tooltipped tooltipped-n"
aria-label="You must be signed in to fork a repository" rel="nofollow">
<span class="octicon octicon-git-branch"></span>Fork
</a>
<a href="/teleject/hisrc/network" class="social-count">
61
</a>
</li>
</ul>
<h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public">
<span class="repo-label"><span>public</span></span>
<span class="mega-octicon octicon-repo"></span>
<span class="author"><a href="/teleject" class="url fn" itemprop="url" rel="author"><span itemprop="title">teleject</span></a></span><span class="path-divider">/</span><strong><a href="/teleject/hisrc" class="js-current-repository js-repo-home-link">hisrc</a></strong>
<span class="page-context-loader">
<img alt="Octocat-spinner-32" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</span>
<span class="fork-flag">
<span class="text">forked from <a href="/1Marc/hisrc">1Marc/hisrc</a></span>
</span>
</h1>
</div><!-- /.container -->
</div><!-- /.repohead -->
<div class="container">
<div class="repository-with-sidebar repo-container new-discussion-timeline js-new-discussion-timeline ">
<div class="repository-sidebar clearfix">
<div class="sunken-menu vertical-right repo-nav js-repo-nav js-repository-container-pjax js-octicon-loaders">
<div class="sunken-menu-contents">
<ul class="sunken-menu-group">
<li class="tooltipped tooltipped-w" aria-label="Code">
<a href="/teleject/hisrc" aria-label="Code" class="selected js-selected-navigation-item sunken-menu-item" data-gotokey="c" data-pjax="true" data-selected-links="repo_source repo_downloads repo_commits repo_tags repo_branches /teleject/hisrc">
<span class="octicon octicon-code"></span> <span class="full-word">Code</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped tooltipped-w" aria-label="Pull Requests">
<a href="/teleject/hisrc/pulls" aria-label="Pull Requests" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-gotokey="p" data-selected-links="repo_pulls /teleject/hisrc/pulls">
<span class="octicon octicon-git-pull-request"></span> <span class="full-word">Pull Requests</span>
<span class='counter'>0</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
</ul>
<div class="sunken-menu-separator"></div>
<ul class="sunken-menu-group">
<li class="tooltipped tooltipped-w" aria-label="Pulse">
<a href="/teleject/hisrc/pulse" aria-label="Pulse" class="js-selected-navigation-item sunken-menu-item" data-pjax="true" data-selected-links="pulse /teleject/hisrc/pulse">
<span class="octicon octicon-pulse"></span> <span class="full-word">Pulse</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped tooltipped-w" aria-label="Graphs">
<a href="/teleject/hisrc/graphs" aria-label="Graphs" class="js-selected-navigation-item sunken-menu-item" data-pjax="true" data-selected-links="repo_graphs repo_contributors /teleject/hisrc/graphs">
<span class="octicon octicon-graph"></span> <span class="full-word">Graphs</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped tooltipped-w" aria-label="Network">
<a href="/teleject/hisrc/network" aria-label="Network" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-selected-links="repo_network /teleject/hisrc/network">
<span class="octicon octicon-git-branch"></span> <span class="full-word">Network</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
</ul>
</div>
</div>
<div class="only-with-full-nav">
<div class="clone-url open"
data-protocol-type="http"
data-url="/users/set_protocol?protocol_selector=http&protocol_type=clone">
<h3><strong>HTTPS</strong> clone URL</h3>
<div class="clone-url-box">
<input type="text" class="clone js-url-field"
value="https://github.com/teleject/hisrc.git" readonly="readonly">
<span aria-label="copy to clipboard" class="js-zeroclipboard url-box-clippy minibutton zeroclipboard-button" data-clipboard-text="https://github.com/teleject/hisrc.git" data-copied-hint="copied!"><span class="octicon octicon-clippy"></span></span>
</div>
</div>
<div class="clone-url "
data-protocol-type="subversion"
data-url="/users/set_protocol?protocol_selector=subversion&protocol_type=clone">
<h3><strong>Subversion</strong> checkout URL</h3>
<div class="clone-url-box">
<input type="text" class="clone js-url-field"
value="https://github.com/teleject/hisrc" readonly="readonly">
<span aria-label="copy to clipboard" class="js-zeroclipboard url-box-clippy minibutton zeroclipboard-button" data-clipboard-text="https://github.com/teleject/hisrc" data-copied-hint="copied!"><span class="octicon octicon-clippy"></span></span>
</div>
</div>
<p class="clone-options">You can clone with
<a href="#" class="js-clone-selector" data-protocol="http">HTTPS</a>
or <a href="#" class="js-clone-selector" data-protocol="subversion">Subversion</a>.
<span class="help tooltipped tooltipped-n" aria-label="Get help on which URL is right for you.">
<a href="https://help.github.com/articles/which-remote-url-should-i-use">
<span class="octicon octicon-question"></span>
</a>
</span>
</p>
<a href="http://windows.github.com" class="minibutton sidebar-button" title="Save teleject/hisrc to your computer and use it in GitHub Desktop." aria-label="Save teleject/hisrc to your computer and use it in GitHub Desktop.">
<span class="octicon octicon-device-desktop"></span>
Clone in Desktop
</a>
<a href="/teleject/hisrc/archive/master.zip"
class="minibutton sidebar-button"
aria-label="Download teleject/hisrc as a zip file"
title="Download teleject/hisrc as a zip file"
rel="nofollow">
<span class="octicon octicon-cloud-download"></span>
Download ZIP
</a>
</div>
</div><!-- /.repository-sidebar -->
<div id="js-repo-pjax-container" class="repository-content context-loader-container" data-pjax-container>
<!-- blob contrib key: blob_contributors:v21:653aa0536390948500e8dbfbc2b97acd -->
<p title="This is a placeholder element" class="js-history-link-replace hidden"></p>
<a href="/teleject/hisrc/find/master" data-pjax data-hotkey="t" class="js-show-file-finder" style="display:none">Show File Finder</a>
<div class="file-navigation">
<div class="select-menu js-menu-container js-select-menu" >
<span class="minibutton select-menu-button js-menu-target" data-hotkey="w"
data-master-branch="master"
data-ref="master"
role="button" aria-label="Switch branches or tags" tabindex="0" aria-haspopup="true">
<span class="octicon octicon-git-branch"></span>
<i>branch:</i>
<span class="js-select-button">master</span>
</span>
<div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax aria-hidden="true">
<div class="select-menu-modal">
<div class="select-menu-header">
<span class="select-menu-title">Switch branches/tags</span>
<span class="octicon octicon-remove-close js-menu-close"></span>
</div> <!-- /.select-menu-header -->
<div class="select-menu-filters">
<div class="select-menu-text-filter">
<input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
</div>
<div class="select-menu-tabs">
<ul>
<li class="select-menu-tab">
<a href="#" data-tab-filter="branches" class="js-select-menu-tab">Branches</a>
</li>
<li class="select-menu-tab">
<a href="#" data-tab-filter="tags" class="js-select-menu-tab">Tags</a>
</li>
</ul>
</div><!-- /.select-menu-tabs -->
</div><!-- /.select-menu-filters -->
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches">
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/teleject/hisrc/blob/gh-pages/hisrc.js"
data-name="gh-pages"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target"
title="gh-pages">gh-pages</a>
</div> <!-- /.select-menu-item -->
<div class="select-menu-item js-navigation-item selected">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/teleject/hisrc/blob/master/hisrc.js"
data-name="master"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target"
title="master">master</a>
</div> <!-- /.select-menu-item -->
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/teleject/hisrc/blob/v2/hisrc.js"
data-name="v2"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target"
title="v2">v2</a>
</div> <!-- /.select-menu-item -->
</div>
<div class="select-menu-no-results">Nothing to show</div>
</div> <!-- /.select-menu-list -->
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
</div>
<div class="select-menu-no-results">Nothing to show</div>
</div> <!-- /.select-menu-list -->
</div> <!-- /.select-menu-modal -->
</div> <!-- /.select-menu-modal-holder -->
</div> <!-- /.select-menu -->
<div class="breadcrumb">
<span class='repo-root js-repo-root'><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/teleject/hisrc" data-branch="master" data-direction="back" data-pjax="true" itemscope="url"><span itemprop="title">hisrc</span></a></span></span><span class="separator"> / </span><strong class="final-path">hisrc.js</strong> <span aria-label="copy to clipboard" class="js-zeroclipboard minibutton zeroclipboard-button" data-clipboard-text="hisrc.js" data-copied-hint="copied!"><span class="octicon octicon-clippy"></span></span>
</div>
</div>
<div class="commit file-history-tease">
<img alt="Christopher Deutsch" class="main-avatar js-avatar" data-user="404765" height="24" src="https://avatars2.githubusercontent.com/u/404765?s=140" width="24" />
<span class="author"><a href="/crdeutsch" rel="author">crdeutsch</a></span>
<time class="js-relative-date" data-title-format="YYYY-MM-DD HH:mm:ss" datetime="2014-03-01T09:52:22-08:00" title="2014-03-01 12:52:22">March 01, 2014</time>
<div class="commit-title">
<a href="/teleject/hisrc/commit/a0844114159a40c9a14ed91a8ef84a83f3e2a825" class="message" data-pjax="true" title="Corrected spelling of srcIsLowResolution">Corrected spelling of srcIsLowResolution</a>
</div>
<div class="participation">
<p class="quickstat"><a href="#blob_contributors_box" rel="facebox"><strong>5</strong> contributors</a></p>
<a class="avatar tooltipped tooltipped-s" aria-label="crdeutsch" href="/teleject/hisrc/commits/master/hisrc.js?author=crdeutsch"><img alt="Christopher Deutsch" class=" js-avatar" data-user="404765" height="20" src="https://avatars2.githubusercontent.com/u/404765?s=140" width="20" /></a>
<a class="avatar tooltipped tooltipped-s" aria-label="teleject" href="/teleject/hisrc/commits/master/hisrc.js?author=teleject"><img alt="Christopher Schmitt" class=" js-avatar" data-user="41737" height="20" src="https://avatars1.githubusercontent.com/u/41737?s=140" width="20" /></a>
<a class="avatar tooltipped tooltipped-s" aria-label="1Marc" href="/teleject/hisrc/commits/master/hisrc.js?author=1Marc"><img alt="Marc Grabanski" class=" js-avatar" data-user="19269" height="20" src="https://avatars1.githubusercontent.com/u/19269?s=140" width="20" /></a>
<a class="avatar tooltipped tooltipped-s" aria-label="michelv" href="/teleject/hisrc/commits/master/hisrc.js?author=michelv"><img alt="michel v" class=" js-avatar" data-user="356225" height="20" src="https://avatars3.githubusercontent.com/u/356225?s=140" width="20" /></a>
<a class="avatar tooltipped tooltipped-s" aria-label="seancorgan" href="/teleject/hisrc/commits/master/hisrc.js?author=seancorgan"><img alt="Sean Corgan" class=" js-avatar" data-user="732387" height="20" src="https://avatars3.githubusercontent.com/u/732387?s=140" width="20" /></a>
</div>
<div id="blob_contributors_box" style="display:none">
<h2 class="facebox-header">Users who have contributed to this file</h2>
<ul class="facebox-user-list">
<li class="facebox-user-list-item">
<img alt="Christopher Deutsch" class=" js-avatar" data-user="404765" height="24" src="https://avatars2.githubusercontent.com/u/404765?s=140" width="24" />
<a href="/crdeutsch">crdeutsch</a>
</li>
<li class="facebox-user-list-item">
<img alt="Christopher Schmitt" class=" js-avatar" data-user="41737" height="24" src="https://avatars1.githubusercontent.com/u/41737?s=140" width="24" />
<a href="/teleject">teleject</a>
</li>
<li class="facebox-user-list-item">
<img alt="Marc Grabanski" class=" js-avatar" data-user="19269" height="24" src="https://avatars1.githubusercontent.com/u/19269?s=140" width="24" />
<a href="/1Marc">1Marc</a>
</li>
<li class="facebox-user-list-item">
<img alt="michel v" class=" js-avatar" data-user="356225" height="24" src="https://avatars3.githubusercontent.com/u/356225?s=140" width="24" />
<a href="/michelv">michelv</a>
</li>
<li class="facebox-user-list-item">
<img alt="Sean Corgan" class=" js-avatar" data-user="732387" height="24" src="https://avatars3.githubusercontent.com/u/732387?s=140" width="24" />
<a href="/seancorgan">seancorgan</a>
</li>
</ul>
</div>
</div>
<div class="file-box">
<div class="file">
<div class="meta clearfix">
<div class="info file-name">
<span class="icon"><b class="octicon octicon-file-text"></b></span>
<span class="mode" title="File Mode">file</span>
<span class="meta-divider"></span>
<span>282 lines (236 sloc)</span>
<span class="meta-divider"></span>
<span>9.179 kb</span>
</div>
<div class="actions">
<div class="button-group">
<a class="minibutton tooltipped tooltipped-w"
href="http://windows.github.com" aria-label="Open this file in GitHub for Windows">
<span class="octicon octicon-device-desktop"></span> Open
</a>
<a class="minibutton disabled tooltipped tooltipped-w" href="#"
aria-label="You must be signed in to make or propose changes">Edit</a>
<a href="/teleject/hisrc/raw/master/hisrc.js" class="button minibutton " id="raw-url">Raw</a>
<a href="/teleject/hisrc/blame/master/hisrc.js" class="button minibutton js-update-url-with-hash">Blame</a>
<a href="/teleject/hisrc/commits/master/hisrc.js" class="button minibutton " rel="nofollow">History</a>
</div><!-- /.button-group -->
<a class="minibutton danger disabled empty-icon tooltipped tooltipped-w" href="#"
aria-label="You must be signed in to make or propose changes">
Delete
</a>
</div><!-- /.actions -->
</div>
<div class="blob-wrapper data type-javascript js-blob-data">
<table class="file-code file-diff tab-size-8">
<tr class="file-code-line">
<td class="blob-line-nums">
<span id="L1" rel="#L1">1</span>
<span id="L2" rel="#L2">2</span>
<span id="L3" rel="#L3">3</span>
<span id="L4" rel="#L4">4</span>
<span id="L5" rel="#L5">5</span>
<span id="L6" rel="#L6">6</span>
<span id="L7" rel="#L7">7</span>
<span id="L8" rel="#L8">8</span>
<span id="L9" rel="#L9">9</span>
<span id="L10" rel="#L10">10</span>
<span id="L11" rel="#L11">11</span>
<span id="L12" rel="#L12">12</span>
<span id="L13" rel="#L13">13</span>
<span id="L14" rel="#L14">14</span>
<span id="L15" rel="#L15">15</span>
<span id="L16" rel="#L16">16</span>
<span id="L17" rel="#L17">17</span>
<span id="L18" rel="#L18">18</span>
<span id="L19" rel="#L19">19</span>
<span id="L20" rel="#L20">20</span>
<span id="L21" rel="#L21">21</span>
<span id="L22" rel="#L22">22</span>
<span id="L23" rel="#L23">23</span>
<span id="L24" rel="#L24">24</span>
<span id="L25" rel="#L25">25</span>
<span id="L26" rel="#L26">26</span>
<span id="L27" rel="#L27">27</span>
<span id="L28" rel="#L28">28</span>
<span id="L29" rel="#L29">29</span>
<span id="L30" rel="#L30">30</span>
<span id="L31" rel="#L31">31</span>
<span id="L32" rel="#L32">32</span>
<span id="L33" rel="#L33">33</span>
<span id="L34" rel="#L34">34</span>
<span id="L35" rel="#L35">35</span>
<span id="L36" rel="#L36">36</span>
<span id="L37" rel="#L37">37</span>
<span id="L38" rel="#L38">38</span>
<span id="L39" rel="#L39">39</span>
<span id="L40" rel="#L40">40</span>
<span id="L41" rel="#L41">41</span>
<span id="L42" rel="#L42">42</span>
<span id="L43" rel="#L43">43</span>
<span id="L44" rel="#L44">44</span>
<span id="L45" rel="#L45">45</span>
<span id="L46" rel="#L46">46</span>
<span id="L47" rel="#L47">47</span>
<span id="L48" rel="#L48">48</span>
<span id="L49" rel="#L49">49</span>
<span id="L50" rel="#L50">50</span>
<span id="L51" rel="#L51">51</span>
<span id="L52" rel="#L52">52</span>
<span id="L53" rel="#L53">53</span>
<span id="L54" rel="#L54">54</span>
<span id="L55" rel="#L55">55</span>
<span id="L56" rel="#L56">56</span>
<span id="L57" rel="#L57">57</span>
<span id="L58" rel="#L58">58</span>
<span id="L59" rel="#L59">59</span>
<span id="L60" rel="#L60">60</span>
<span id="L61" rel="#L61">61</span>
<span id="L62" rel="#L62">62</span>
<span id="L63" rel="#L63">63</span>
<span id="L64" rel="#L64">64</span>
<span id="L65" rel="#L65">65</span>
<span id="L66" rel="#L66">66</span>
<span id="L67" rel="#L67">67</span>
<span id="L68" rel="#L68">68</span>
<span id="L69" rel="#L69">69</span>
<span id="L70" rel="#L70">70</span>
<span id="L71" rel="#L71">71</span>
<span id="L72" rel="#L72">72</span>
<span id="L73" rel="#L73">73</span>
<span id="L74" rel="#L74">74</span>
<span id="L75" rel="#L75">75</span>
<span id="L76" rel="#L76">76</span>
<span id="L77" rel="#L77">77</span>
<span id="L78" rel="#L78">78</span>
<span id="L79" rel="#L79">79</span>
<span id="L80" rel="#L80">80</span>
<span id="L81" rel="#L81">81</span>
<span id="L82" rel="#L82">82</span>
<span id="L83" rel="#L83">83</span>
<span id="L84" rel="#L84">84</span>
<span id="L85" rel="#L85">85</span>
<span id="L86" rel="#L86">86</span>
<span id="L87" rel="#L87">87</span>
<span id="L88" rel="#L88">88</span>
<span id="L89" rel="#L89">89</span>
<span id="L90" rel="#L90">90</span>
<span id="L91" rel="#L91">91</span>
<span id="L92" rel="#L92">92</span>
<span id="L93" rel="#L93">93</span>
<span id="L94" rel="#L94">94</span>
<span id="L95" rel="#L95">95</span>
<span id="L96" rel="#L96">96</span>
<span id="L97" rel="#L97">97</span>
<span id="L98" rel="#L98">98</span>
<span id="L99" rel="#L99">99</span>
<span id="L100" rel="#L100">100</span>
<span id="L101" rel="#L101">101</span>
<span id="L102" rel="#L102">102</span>
<span id="L103" rel="#L103">103</span>
<span id="L104" rel="#L104">104</span>
<span id="L105" rel="#L105">105</span>
<span id="L106" rel="#L106">106</span>
<span id="L107" rel="#L107">107</span>
<span id="L108" rel="#L108">108</span>
<span id="L109" rel="#L109">109</span>
<span id="L110" rel="#L110">110</span>
<span id="L111" rel="#L111">111</span>
<span id="L112" rel="#L112">112</span>
<span id="L113" rel="#L113">113</span>
<span id="L114" rel="#L114">114</span>
<span id="L115" rel="#L115">115</span>
<span id="L116" rel="#L116">116</span>
<span id="L117" rel="#L117">117</span>
<span id="L118" rel="#L118">118</span>
<span id="L119" rel="#L119">119</span>
<span id="L120" rel="#L120">120</span>
<span id="L121" rel="#L121">121</span>
<span id="L122" rel="#L122">122</span>
<span id="L123" rel="#L123">123</span>
<span id="L124" rel="#L124">124</span>
<span id="L125" rel="#L125">125</span>
<span id="L126" rel="#L126">126</span>
<span id="L127" rel="#L127">127</span>
<span id="L128" rel="#L128">128</span>
<span id="L129" rel="#L129">129</span>
<span id="L130" rel="#L130">130</span>
<span id="L131" rel="#L131">131</span>
<span id="L132" rel="#L132">132</span>
<span id="L133" rel="#L133">133</span>
<span id="L134" rel="#L134">134</span>
<span id="L135" rel="#L135">135</span>
<span id="L136" rel="#L136">136</span>
<span id="L137" rel="#L137">137</span>
<span id="L138" rel="#L138">138</span>
<span id="L139" rel="#L139">139</span>
<span id="L140" rel="#L140">140</span>
<span id="L141" rel="#L141">141</span>
<span id="L142" rel="#L142">142</span>
<span id="L143" rel="#L143">143</span>
<span id="L144" rel="#L144">144</span>
<span id="L145" rel="#L145">145</span>
<span id="L146" rel="#L146">146</span>
<span id="L147" rel="#L147">147</span>
<span id="L148" rel="#L148">148</span>
<span id="L149" rel="#L149">149</span>
<span id="L150" rel="#L150">150</span>
<span id="L151" rel="#L151">151</span>
<span id="L152" rel="#L152">152</span>
<span id="L153" rel="#L153">153</span>
<span id="L154" rel="#L154">154</span>
<span id="L155" rel="#L155">155</span>
<span id="L156" rel="#L156">156</span>
<span id="L157" rel="#L157">157</span>
<span id="L158" rel="#L158">158</span>
<span id="L159" rel="#L159">159</span>
<span id="L160" rel="#L160">160</span>
<span id="L161" rel="#L161">161</span>
<span id="L162" rel="#L162">162</span>
<span id="L163" rel="#L163">163</span>
<span id="L164" rel="#L164">164</span>
<span id="L165" rel="#L165">165</span>
<span id="L166" rel="#L166">166</span>
<span id="L167" rel="#L167">167</span>
<span id="L168" rel="#L168">168</span>
<span id="L169" rel="#L169">169</span>
<span id="L170" rel="#L170">170</span>
<span id="L171" rel="#L171">171</span>
<span id="L172" rel="#L172">172</span>
<span id="L173" rel="#L173">173</span>
<span id="L174" rel="#L174">174</span>
<span id="L175" rel="#L175">175</span>
<span id="L176" rel="#L176">176</span>
<span id="L177" rel="#L177">177</span>
<span id="L178" rel="#L178">178</span>
<span id="L179" rel="#L179">179</span>
<span id="L180" rel="#L180">180</span>
<span id="L181" rel="#L181">181</span>
<span id="L182" rel="#L182">182</span>
<span id="L183" rel="#L183">183</span>
<span id="L184" rel="#L184">184</span>
<span id="L185" rel="#L185">185</span>
<span id="L186" rel="#L186">186</span>
<span id="L187" rel="#L187">187</span>
<span id="L188" rel="#L188">188</span>
<span id="L189" rel="#L189">189</span>
<span id="L190" rel="#L190">190</span>
<span id="L191" rel="#L191">191</span>
<span id="L192" rel="#L192">192</span>
<span id="L193" rel="#L193">193</span>
<span id="L194" rel="#L194">194</span>
<span id="L195" rel="#L195">195</span>
<span id="L196" rel="#L196">196</span>
<span id="L197" rel="#L197">197</span>
<span id="L198" rel="#L198">198</span>
<span id="L199" rel="#L199">199</span>
<span id="L200" rel="#L200">200</span>
<span id="L201" rel="#L201">201</span>
<span id="L202" rel="#L202">202</span>
<span id="L203" rel="#L203">203</span>
<span id="L204" rel="#L204">204</span>
<span id="L205" rel="#L205">205</span>
<span id="L206" rel="#L206">206</span>
<span id="L207" rel="#L207">207</span>
<span id="L208" rel="#L208">208</span>
<span id="L209" rel="#L209">209</span>
<span id="L210" rel="#L210">210</span>
<span id="L211" rel="#L211">211</span>
<span id="L212" rel="#L212">212</span>
<span id="L213" rel="#L213">213</span>
<span id="L214" rel="#L214">214</span>
<span id="L215" rel="#L215">215</span>
<span id="L216" rel="#L216">216</span>
<span id="L217" rel="#L217">217</span>
<span id="L218" rel="#L218">218</span>
<span id="L219" rel="#L219">219</span>
<span id="L220" rel="#L220">220</span>
<span id="L221" rel="#L221">221</span>
<span id="L222" rel="#L222">222</span>
<span id="L223" rel="#L223">223</span>
<span id="L224" rel="#L224">224</span>
<span id="L225" rel="#L225">225</span>
<span id="L226" rel="#L226">226</span>
<span id="L227" rel="#L227">227</span>
<span id="L228" rel="#L228">228</span>
<span id="L229" rel="#L229">229</span>
<span id="L230" rel="#L230">230</span>
<span id="L231" rel="#L231">231</span>
<span id="L232" rel="#L232">232</span>
<span id="L233" rel="#L233">233</span>
<span id="L234" rel="#L234">234</span>
<span id="L235" rel="#L235">235</span>
<span id="L236" rel="#L236">236</span>
<span id="L237" rel="#L237">237</span>
<span id="L238" rel="#L238">238</span>
<span id="L239" rel="#L239">239</span>
<span id="L240" rel="#L240">240</span>
<span id="L241" rel="#L241">241</span>
<span id="L242" rel="#L242">242</span>
<span id="L243" rel="#L243">243</span>
<span id="L244" rel="#L244">244</span>
<span id="L245" rel="#L245">245</span>
<span id="L246" rel="#L246">246</span>
<span id="L247" rel="#L247">247</span>
<span id="L248" rel="#L248">248</span>
<span id="L249" rel="#L249">249</span>
<span id="L250" rel="#L250">250</span>
<span id="L251" rel="#L251">251</span>
<span id="L252" rel="#L252">252</span>
<span id="L253" rel="#L253">253</span>
<span id="L254" rel="#L254">254</span>
<span id="L255" rel="#L255">255</span>
<span id="L256" rel="#L256">256</span>
<span id="L257" rel="#L257">257</span>
<span id="L258" rel="#L258">258</span>
<span id="L259" rel="#L259">259</span>
<span id="L260" rel="#L260">260</span>
<span id="L261" rel="#L261">261</span>
<span id="L262" rel="#L262">262</span>
<span id="L263" rel="#L263">263</span>
<span id="L264" rel="#L264">264</span>
<span id="L265" rel="#L265">265</span>
<span id="L266" rel="#L266">266</span>
<span id="L267" rel="#L267">267</span>
<span id="L268" rel="#L268">268</span>
<span id="L269" rel="#L269">269</span>
<span id="L270" rel="#L270">270</span>
<span id="L271" rel="#L271">271</span>
<span id="L272" rel="#L272">272</span>
<span id="L273" rel="#L273">273</span>
<span id="L274" rel="#L274">274</span>
<span id="L275" rel="#L275">275</span>
<span id="L276" rel="#L276">276</span>
<span id="L277" rel="#L277">277</span>
<span id="L278" rel="#L278">278</span>
<span id="L279" rel="#L279">279</span>
<span id="L280" rel="#L280">280</span>
<span id="L281" rel="#L281">281</span>
</td>
<td class="blob-line-code"><div class="code-body highlight"><pre><div class='line' id='LC1'><span class="cm">/*</span></div><div class='line' id='LC2'><span class="cm"> * Hisrc jQuery Plugin</span></div><div class='line' id='LC3'><span class="cm"> *</span></div><div class='line' id='LC4'><span class="cm"> * Copyright (c) 2012</span></div><div class='line' id='LC5'><span class="cm"> * Licensed under the MIT license.</span></div><div class='line' id='LC6'><span class="cm"> *</span></div><div class='line' id='LC7'><span class="cm"> */</span></div><div class='line' id='LC8'><br/></div><div class='line' id='LC9'><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">){</span></div><div class='line' id='LC10'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span> <span class="o">=</span> <span class="p">{</span></div><div class='line' id='LC11'> <span class="nx">bandwidth</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span></div><div class='line' id='LC12'> <span class="nx">connectionTestResult</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span></div><div class='line' id='LC13'> <span class="nx">connectionKbps</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span></div><div class='line' id='LC14'> <span class="nx">connectionType</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span></div><div class='line' id='LC15'> <span class="nx">devicePixelRatio</span><span class="o">:</span> <span class="kc">null</span></div><div class='line' id='LC16'> <span class="p">};</span></div><div class='line' id='LC17'><br/></div><div class='line' id='LC18'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">defaults</span> <span class="o">=</span> <span class="p">{</span></div><div class='line' id='LC19'> <span class="nx">useTransparentGif</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span></div><div class='line' id='LC20'> <span class="nx">transparentGifSrc</span><span class="o">:</span> <span class="s1">'data:image/gif;base64,R0lGODlhAQABAIAAAMz/AAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='</span><span class="p">,</span></div><div class='line' id='LC21'> <span class="nx">minKbpsForHighBandwidth</span><span class="o">:</span> <span class="mi">300</span><span class="p">,</span></div><div class='line' id='LC22'> <span class="nx">speedTestUri</span><span class="o">:</span> <span class="s1">'50K.jpg'</span><span class="p">,</span></div><div class='line' id='LC23'> <span class="nx">speedTestKB</span><span class="o">:</span> <span class="mi">50</span><span class="p">,</span></div><div class='line' id='LC24'> <span class="nx">speedTestExpireMinutes</span><span class="o">:</span> <span class="mi">30</span><span class="p">,</span></div><div class='line' id='LC25'> <span class="nx">forcedBandwidth</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span></div><div class='line' id='LC26'> <span class="nx">srcIsLowResolution</span><span class="o">:</span> <span class="kc">true</span></div><div class='line' id='LC27'> <span class="p">};</span></div><div class='line' id='LC28'><br/></div><div class='line' id='LC29'> <span class="c1">// for performance, run this right away (requires jQuery, but no need to wait for DOM to be ready)</span></div><div class='line' id='LC30'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">speedTest</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC31'> <span class="nx">$</span><span class="p">(</span><span class="nb">window</span><span class="p">).</span><span class="nx">hisrc</span><span class="p">(</span><span class="nx">options</span><span class="p">);</span></div><div class='line' id='LC32'> <span class="p">};</span></div><div class='line' id='LC33'><br/></div><div class='line' id='LC34'><br/></div><div class='line' id='LC35'> <span class="nx">$</span><span class="p">.</span><span class="nx">fn</span><span class="p">.</span><span class="nx">hisrc</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC36'> <span class="kd">var</span> <span class="nx">settings</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span></div><div class='line' id='LC37'> <span class="nx">callback</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{}</span></div><div class='line' id='LC38'> <span class="p">},</span> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">defaults</span><span class="p">,</span> <span class="nx">options</span><span class="p">),</span></div><div class='line' id='LC39'><br/></div><div class='line' id='LC40'> <span class="nx">$els</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">),</span></div><div class='line' id='LC41'><br/></div><div class='line' id='LC42'> <span class="c1">// check bandwidth via @Modernizr's network-connection.js</span></div><div class='line' id='LC43'> <span class="nx">connection</span> <span class="o">=</span> <span class="nx">navigator</span><span class="p">.</span><span class="nx">connection</span> <span class="o">||</span> <span class="p">{</span> <span class="nx">type</span><span class="o">:</span> <span class="mi">0</span> <span class="p">},</span> <span class="c1">// polyfill</span></div><div class='line' id='LC44'><br/></div><div class='line' id='LC45'> <span class="nx">isSlowConnection</span> <span class="o">=</span> <span class="nx">connection</span><span class="p">.</span><span class="nx">type</span> <span class="o">==</span> <span class="mi">3</span></div><div class='line' id='LC46'> <span class="o">||</span> <span class="nx">connection</span><span class="p">.</span><span class="nx">type</span> <span class="o">==</span> <span class="mi">4</span></div><div class='line' id='LC47'> <span class="o">||</span> <span class="sr">/^[23]g$/</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="nx">connection</span><span class="p">.</span><span class="nx">type</span><span class="p">);</span></div><div class='line' id='LC48'><br/></div><div class='line' id='LC49'><br/></div><div class='line' id='LC50'> <span class="c1">// get pixel ratio</span></div><div class='line' id='LC51'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">devicePixelRatio</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span></div><div class='line' id='LC52'> <span class="k">if</span><span class="p">(</span><span class="nb">window</span><span class="p">.</span><span class="nx">devicePixelRatio</span> <span class="o">!==</span> <span class="kc">undefined</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC53'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">devicePixelRatio</span> <span class="o">=</span> <span class="nb">window</span><span class="p">.</span><span class="nx">devicePixelRatio</span><span class="p">;</span></div><div class='line' id='LC54'> <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nb">window</span><span class="p">.</span><span class="nx">matchMedia</span> <span class="o">!==</span> <span class="kc">undefined</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC55'> <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="nx">i</span> <span class="o"><=</span> <span class="mi">2</span><span class="p">;</span> <span class="nx">i</span> <span class="o">+=</span> <span class="mf">0.5</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC56'> <span class="k">if</span> <span class="p">(</span><span class="nb">window</span><span class="p">.</span><span class="nx">matchMedia</span><span class="p">(</span><span class="s1">'(min-resolution: '</span> <span class="o">+</span> <span class="nx">i</span> <span class="o">+</span> <span class="s1">'dppx)'</span><span class="p">).</span><span class="nx">matches</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC57'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">devicePixelRatio</span> <span class="o">=</span> <span class="nx">i</span><span class="p">;</span></div><div class='line' id='LC58'> <span class="p">}</span></div><div class='line' id='LC59'> <span class="p">}</span></div><div class='line' id='LC60'> <span class="p">}</span></div><div class='line' id='LC61'><br/></div><div class='line' id='LC62'><br/></div><div class='line' id='LC63'> <span class="c1">// variables/functions below for speed test are taken from Foresight.js</span></div><div class='line' id='LC64'> <span class="c1">// Copyright (c) 2012 Adam Bradley</span></div><div class='line' id='LC65'> <span class="c1">// Licensed under the MIT license.</span></div><div class='line' id='LC66'> <span class="c1">// https://github.com/adamdbradley/foresight.js</span></div><div class='line' id='LC67'> <span class="c1">// Modified by Christopher Deutsch for hisrc.js</span></div><div class='line' id='LC68'> <span class="kd">var</span> <span class="nx">speedTestUri</span> <span class="o">=</span> <span class="nx">settings</span><span class="p">.</span><span class="nx">speedTestUri</span><span class="p">,</span></div><div class='line' id='LC69'> <span class="nx">STATUS_LOADING</span> <span class="o">=</span> <span class="s1">'loading'</span><span class="p">,</span></div><div class='line' id='LC70'> <span class="nx">STATUS_COMPLETE</span> <span class="o">=</span> <span class="s1">'complete'</span><span class="p">,</span></div><div class='line' id='LC71'> <span class="nx">LOCAL_STORAGE_KEY</span> <span class="o">=</span> <span class="s1">'fsjs'</span><span class="p">,</span> <span class="c1">// may as well piggy-back on Forsight localstorage key since we're doing the same thing.</span></div><div class='line' id='LC72'> <span class="nx">speedConnectionStatus</span><span class="p">,</span></div><div class='line' id='LC73'><br/></div><div class='line' id='LC74'> <span class="nx">initSpeedTest</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC75'><br/></div><div class='line' id='LC76'> <span class="c1">// only check the connection speed once, if there is a status then we've</span></div><div class='line' id='LC77'> <span class="c1">// already got info or it already started</span></div><div class='line' id='LC78'> <span class="k">if</span> <span class="p">(</span> <span class="nx">speedConnectionStatus</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC79'> <span class="k">return</span><span class="p">;</span></div><div class='line' id='LC80'> <span class="p">}</span></div><div class='line' id='LC81'><br/></div><div class='line' id='LC82'> <span class="c1">// force that this device has a low or high bandwidth, used more so for debugging purposes</span></div><div class='line' id='LC83'> <span class="k">if</span> <span class="p">(</span> <span class="nx">settings</span><span class="p">.</span><span class="nx">forcedBandwidth</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC84'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">bandwidth</span> <span class="o">=</span> <span class="nx">settings</span><span class="p">.</span><span class="nx">forcedBandwidth</span><span class="p">;</span></div><div class='line' id='LC85'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">connectionTestResult</span> <span class="o">=</span> <span class="s1">'forced'</span><span class="p">;</span></div><div class='line' id='LC86'> <span class="nx">speedConnectionStatus</span> <span class="o">=</span> <span class="nx">STATUS_COMPLETE</span><span class="p">;</span></div><div class='line' id='LC87'> <span class="nx">$els</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">'speedTestComplete.hisrc'</span><span class="p">);</span></div><div class='line' id='LC88'> <span class="k">return</span><span class="p">;</span></div><div class='line' id='LC89'> <span class="p">}</span></div><div class='line' id='LC90'><br/></div><div class='line' id='LC91'> <span class="c1">// if the device pixel ratio is 1, then no need to do a network connection</span></div><div class='line' id='LC92'> <span class="c1">// speed test since it can't show hi-res anyways</span></div><div class='line' id='LC93'> <span class="k">if</span> <span class="p">(</span> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">devicePixelRatio</span> <span class="o">===</span> <span class="mi">1</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC94'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">connectionTestResult</span> <span class="o">=</span> <span class="s1">'skip'</span><span class="p">;</span></div><div class='line' id='LC95'> <span class="nx">speedConnectionStatus</span> <span class="o">=</span> <span class="nx">STATUS_COMPLETE</span><span class="p">;</span></div><div class='line' id='LC96'> <span class="nx">$els</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">'speedTestComplete.hisrc'</span><span class="p">);</span></div><div class='line' id='LC97'> <span class="k">return</span><span class="p">;</span></div><div class='line' id='LC98'> <span class="p">}</span></div><div class='line' id='LC99'><br/></div><div class='line' id='LC100'> <span class="c1">// if we know the connection is 2g or 3g</span></div><div class='line' id='LC101'> <span class="c1">// don't even bother with the speed test, cuz its slow</span></div><div class='line' id='LC102'> <span class="c1">// Copyright (c) Faruk Ates, Paul Irish, Alex Sexton</span></div><div class='line' id='LC103'> <span class="c1">// Available under the BSD and MIT licenses: www.modernizr.com/license/</span></div><div class='line' id='LC104'> <span class="c1">// https://github.com/Modernizr/Modernizr/blob/master/feature-detects/network-connection.js</span></div><div class='line' id='LC105'> <span class="c1">// Modified by Adam Bradley for Foresight.js</span></div><div class='line' id='LC106'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">connectionType</span> <span class="o">=</span> <span class="nx">connection</span><span class="p">.</span><span class="nx">type</span><span class="p">;</span></div><div class='line' id='LC107'> <span class="k">if</span> <span class="p">(</span> <span class="nx">isSlowConnection</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC108'> <span class="c1">// we know this connection is slow, don't bother even doing a speed test</span></div><div class='line' id='LC109'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">connectionTestResult</span> <span class="o">=</span> <span class="s1">'connTypeSlow'</span><span class="p">;</span></div><div class='line' id='LC110'> <span class="nx">speedConnectionStatus</span> <span class="o">=</span> <span class="nx">STATUS_COMPLETE</span><span class="p">;</span></div><div class='line' id='LC111'> <span class="nx">$els</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">'speedTestComplete.hisrc'</span><span class="p">);</span></div><div class='line' id='LC112'> <span class="k">return</span><span class="p">;</span></div><div class='line' id='LC113'> <span class="p">}</span></div><div class='line' id='LC114'><br/></div><div class='line' id='LC115'> <span class="c1">// check if a speed test has recently been completed and its</span></div><div class='line' id='LC116'> <span class="c1">// results are saved in the local storage</span></div><div class='line' id='LC117'> <span class="k">try</span> <span class="p">{</span></div><div class='line' id='LC118'> <span class="kd">var</span> <span class="nx">fsData</span> <span class="o">=</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span> <span class="nx">localStorage</span><span class="p">.</span><span class="nx">getItem</span><span class="p">(</span> <span class="nx">LOCAL_STORAGE_KEY</span> <span class="p">)</span> <span class="p">);</span></div><div class='line' id='LC119'> <span class="k">if</span> <span class="p">(</span> <span class="nx">fsData</span> <span class="o">!==</span> <span class="kc">null</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC120'> <span class="k">if</span> <span class="p">(</span> <span class="p">(</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">()</span> <span class="p">).</span><span class="nx">getTime</span><span class="p">()</span> <span class="o"><</span> <span class="nx">fsData</span><span class="p">.</span><span class="nx">exp</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC121'> <span class="c1">// already have connection data within our desired timeframe</span></div><div class='line' id='LC122'> <span class="c1">// use this recent data instead of starting another test</span></div><div class='line' id='LC123'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">bandwidth</span> <span class="o">=</span> <span class="nx">fsData</span><span class="p">.</span><span class="nx">bw</span><span class="p">;</span></div><div class='line' id='LC124'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">connectionKbps</span> <span class="o">=</span> <span class="nx">fsData</span><span class="p">.</span><span class="nx">kbps</span><span class="p">;</span></div><div class='line' id='LC125'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">connectionTestResult</span> <span class="o">=</span> <span class="s1">'localStorage'</span><span class="p">;</span></div><div class='line' id='LC126'> <span class="nx">speedConnectionStatus</span> <span class="o">=</span> <span class="nx">STATUS_COMPLETE</span><span class="p">;</span></div><div class='line' id='LC127'> <span class="nx">$els</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">'speedTestComplete.hisrc'</span><span class="p">);</span></div><div class='line' id='LC128'> <span class="k">return</span><span class="p">;</span></div><div class='line' id='LC129'> <span class="p">}</span></div><div class='line' id='LC130'> <span class="p">}</span></div><div class='line' id='LC131'> <span class="p">}</span> <span class="k">catch</span><span class="p">(</span> <span class="nx">e</span> <span class="p">)</span> <span class="p">{</span> <span class="p">}</span></div><div class='line' id='LC132'><br/></div><div class='line' id='LC133'> <span class="kd">var</span></div><div class='line' id='LC134'> <span class="nx">speedTestImg</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span> <span class="s1">'img'</span> <span class="p">),</span></div><div class='line' id='LC135'> <span class="nx">endTime</span><span class="p">,</span></div><div class='line' id='LC136'> <span class="nx">startTime</span><span class="p">,</span></div><div class='line' id='LC137'> <span class="nx">speedTestTimeoutMS</span><span class="p">;</span></div><div class='line' id='LC138'><br/></div><div class='line' id='LC139'> <span class="nx">speedTestImg</span><span class="p">.</span><span class="nx">onload</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC140'> <span class="c1">// speed test image download completed</span></div><div class='line' id='LC141'> <span class="c1">// figure out how long it took and an estimated connection speed</span></div><div class='line' id='LC142'> <span class="nx">endTime</span> <span class="o">=</span> <span class="p">(</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">()</span> <span class="p">).</span><span class="nx">getTime</span><span class="p">();</span></div><div class='line' id='LC143'><br/></div><div class='line' id='LC144'> <span class="kd">var</span> <span class="nx">duration</span> <span class="o">=</span> <span class="p">(</span> <span class="nx">endTime</span> <span class="o">-</span> <span class="nx">startTime</span> <span class="p">)</span> <span class="o">/</span> <span class="mi">1000</span><span class="p">;</span></div><div class='line' id='LC145'> <span class="nx">duration</span> <span class="o">=</span> <span class="p">(</span> <span class="nx">duration</span> <span class="o">></span> <span class="mi">1</span> <span class="o">?</span> <span class="nx">duration</span> <span class="o">:</span> <span class="mi">1</span> <span class="p">);</span> <span class="c1">// just to ensure we don't divide by 0</span></div><div class='line' id='LC146'><br/></div><div class='line' id='LC147'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">connectionKbps</span> <span class="o">=</span> <span class="p">(</span> <span class="p">(</span> <span class="nx">settings</span><span class="p">.</span><span class="nx">speedTestKB</span> <span class="o">*</span> <span class="mi">1024</span> <span class="o">*</span> <span class="mi">8</span> <span class="p">)</span> <span class="o">/</span> <span class="nx">duration</span> <span class="p">)</span> <span class="o">/</span> <span class="mi">1024</span><span class="p">;</span></div><div class='line' id='LC148'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">bandwidth</span> <span class="o">=</span> <span class="p">(</span> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">connectionKbps</span> <span class="o">>=</span> <span class="nx">settings</span><span class="p">.</span><span class="nx">minKbpsForHighBandwidth</span> <span class="o">?</span> <span class="s1">'high'</span> <span class="o">:</span> <span class="s1">'low'</span> <span class="p">);</span></div><div class='line' id='LC149'><br/></div><div class='line' id='LC150'> <span class="nx">speedTestComplete</span><span class="p">(</span> <span class="s1">'networkSuccess'</span> <span class="p">);</span></div><div class='line' id='LC151'> <span class="p">};</span></div><div class='line' id='LC152'><br/></div><div class='line' id='LC153'> <span class="nx">speedTestImg</span><span class="p">.</span><span class="nx">onerror</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC154'> <span class="c1">// fallback incase there was an error downloading the speed test image</span></div><div class='line' id='LC155'> <span class="nx">speedTestComplete</span><span class="p">(</span> <span class="s1">'networkError'</span><span class="p">,</span> <span class="mi">5</span> <span class="p">);</span></div><div class='line' id='LC156'> <span class="p">};</span></div><div class='line' id='LC157'><br/></div><div class='line' id='LC158'> <span class="nx">speedTestImg</span><span class="p">.</span><span class="nx">onabort</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC159'> <span class="c1">// fallback incase there was an abort during the speed test image</span></div><div class='line' id='LC160'> <span class="nx">speedTestComplete</span><span class="p">(</span> <span class="s1">'networkAbort'</span><span class="p">,</span> <span class="mi">5</span> <span class="p">);</span></div><div class='line' id='LC161'> <span class="p">};</span></div><div class='line' id='LC162'><br/></div><div class='line' id='LC163'> <span class="c1">// begin the network connection speed test image download</span></div><div class='line' id='LC164'> <span class="nx">startTime</span> <span class="o">=</span> <span class="p">(</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">()</span> <span class="p">).</span><span class="nx">getTime</span><span class="p">();</span></div><div class='line' id='LC165'> <span class="nx">speedConnectionStatus</span> <span class="o">=</span> <span class="nx">STATUS_LOADING</span><span class="p">;</span></div><div class='line' id='LC166'> <span class="k">if</span> <span class="p">(</span> <span class="nb">document</span><span class="p">.</span><span class="nx">location</span><span class="p">.</span><span class="nx">protocol</span> <span class="o">===</span> <span class="s1">'https:'</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC167'> <span class="c1">// if this current document is SSL, make sure this speed test request</span></div><div class='line' id='LC168'> <span class="c1">// uses https so there are no ugly security warnings from the browser</span></div><div class='line' id='LC169'> <span class="nx">speedTestUri</span> <span class="o">=</span> <span class="nx">speedTestUri</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span> <span class="s1">'http:'</span><span class="p">,</span> <span class="s1">'https:'</span> <span class="p">);</span></div><div class='line' id='LC170'> <span class="p">}</span></div><div class='line' id='LC171'> <span class="nx">speedTestImg</span><span class="p">.</span><span class="nx">src</span> <span class="o">=</span> <span class="nx">speedTestUri</span> <span class="o">+</span> <span class="s2">"?r="</span> <span class="o">+</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">random</span><span class="p">();</span></div><div class='line' id='LC172'><br/></div><div class='line' id='LC173'> <span class="c1">// calculate the maximum number of milliseconds it 'should' take to download an XX Kbps file</span></div><div class='line' id='LC174'> <span class="c1">// set a timeout so that if the speed test download takes too long</span></div><div class='line' id='LC175'> <span class="c1">// than it isn't a 'high-bandwidth' and ignore what the test image .onload has to say</span></div><div class='line' id='LC176'> <span class="c1">// this is used so we don't wait too long on a speed test response</span></div><div class='line' id='LC177'> <span class="c1">// Adding 350ms to account for TCP slow start, quickAndDirty === TRUE</span></div><div class='line' id='LC178'> <span class="nx">speedTestTimeoutMS</span> <span class="o">=</span> <span class="p">(</span> <span class="p">(</span> <span class="p">(</span> <span class="nx">settings</span><span class="p">.</span><span class="nx">speedTestKB</span> <span class="o">*</span> <span class="mi">8</span> <span class="p">)</span> <span class="o">/</span> <span class="nx">settings</span><span class="p">.</span><span class="nx">minKbpsForHighBandwidth</span> <span class="p">)</span> <span class="o">*</span> <span class="mi">1000</span> <span class="p">)</span> <span class="o">+</span> <span class="mi">350</span><span class="p">;</span></div><div class='line' id='LC179'> <span class="nx">setTimeout</span><span class="p">(</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC180'> <span class="nx">speedTestComplete</span><span class="p">(</span> <span class="s1">'networkSlow'</span> <span class="p">);</span></div><div class='line' id='LC181'> <span class="p">},</span> <span class="nx">speedTestTimeoutMS</span> <span class="p">);</span></div><div class='line' id='LC182'> <span class="p">},</span></div><div class='line' id='LC183'><br/></div><div class='line' id='LC184'> <span class="nx">speedTestComplete</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span> <span class="nx">connTestResult</span><span class="p">,</span> <span class="nx">expireMinutes</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC185'> <span class="c1">// if we haven't already gotten a speed connection status then save the info</span></div><div class='line' id='LC186'> <span class="k">if</span> <span class="p">(</span><span class="nx">speedConnectionStatus</span> <span class="o">===</span> <span class="nx">STATUS_COMPLETE</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span><span class="p">;</span> <span class="p">}</span></div><div class='line' id='LC187'><br/></div><div class='line' id='LC188'> <span class="c1">// first one with an answer wins</span></div><div class='line' id='LC189'> <span class="nx">speedConnectionStatus</span> <span class="o">=</span> <span class="nx">STATUS_COMPLETE</span><span class="p">;</span></div><div class='line' id='LC190'> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">connectionTestResult</span> <span class="o">=</span> <span class="nx">connTestResult</span><span class="p">;</span></div><div class='line' id='LC191'><br/></div><div class='line' id='LC192'> <span class="k">try</span> <span class="p">{</span></div><div class='line' id='LC193'> <span class="k">if</span> <span class="p">(</span> <span class="o">!</span><span class="nx">expireMinutes</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC194'> <span class="nx">expireMinutes</span> <span class="o">=</span> <span class="nx">settings</span><span class="p">.</span><span class="nx">speedTestExpireMinutes</span><span class="p">;</span></div><div class='line' id='LC195'> <span class="p">}</span></div><div class='line' id='LC196'> <span class="kd">var</span> <span class="nx">fsDataToSet</span> <span class="o">=</span> <span class="p">{</span></div><div class='line' id='LC197'> <span class="nx">kbps</span><span class="o">:</span> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">connectionKbps</span><span class="p">,</span></div><div class='line' id='LC198'> <span class="nx">bw</span><span class="o">:</span> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">bandwidth</span><span class="p">,</span></div><div class='line' id='LC199'> <span class="nx">exp</span><span class="o">:</span> <span class="p">(</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">()</span> <span class="p">).</span><span class="nx">getTime</span><span class="p">()</span> <span class="o">+</span> <span class="p">(</span><span class="nx">expireMinutes</span> <span class="o">*</span> <span class="mi">60000</span><span class="p">)</span></div><div class='line' id='LC200'> <span class="p">};</span></div><div class='line' id='LC201'> <span class="nx">localStorage</span><span class="p">.</span><span class="nx">setItem</span><span class="p">(</span> <span class="nx">LOCAL_STORAGE_KEY</span><span class="p">,</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">stringify</span><span class="p">(</span> <span class="nx">fsDataToSet</span> <span class="p">)</span> <span class="p">);</span></div><div class='line' id='LC202'> <span class="p">}</span> <span class="k">catch</span><span class="p">(</span> <span class="nx">e</span> <span class="p">)</span> <span class="p">{</span> <span class="p">}</span></div><div class='line' id='LC203'><br/></div><div class='line' id='LC204'> <span class="c1">// trigger swap once speedtest is complete.</span></div><div class='line' id='LC205'> <span class="nx">$els</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">'speedTestComplete.hisrc'</span><span class="p">);</span></div><div class='line' id='LC206'> <span class="p">},</span></div><div class='line' id='LC207'><br/></div><div class='line' id='LC208'> <span class="nx">setImageSource</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span> <span class="nx">$el</span><span class="p">,</span> <span class="nx">src</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC209'> <span class="k">if</span> <span class="p">(</span> <span class="nx">settings</span><span class="p">.</span><span class="nx">useTransparentGif</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC210'> <span class="nx">$el</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'src'</span><span class="p">,</span> <span class="nx">settings</span><span class="p">.</span><span class="nx">transparentGifSrc</span><span class="p">)</span></div><div class='line' id='LC211'> <span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'max-height'</span><span class="p">,</span> <span class="s1">'100%'</span><span class="p">)</span></div><div class='line' id='LC212'> <span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'max-width'</span><span class="p">,</span> <span class="s1">'100%'</span><span class="p">)</span></div><div class='line' id='LC213'> <span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'background'</span><span class="p">,</span> <span class="s1">'url("'</span> <span class="o">+</span> <span class="nx">src</span> <span class="o">+</span> <span class="s1">'") no-repeat 0 0'</span><span class="p">)</span></div><div class='line' id='LC214'> <span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'background-size'</span><span class="p">,</span> <span class="s1">'contain'</span><span class="p">);</span></div><div class='line' id='LC215'> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span></div><div class='line' id='LC216'> <span class="nx">$el</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span> <span class="s1">'src'</span><span class="p">,</span> <span class="nx">src</span> <span class="p">);</span></div><div class='line' id='LC217'> <span class="p">}</span></div><div class='line' id='LC218'> <span class="p">};</span></div><div class='line' id='LC219'><br/></div><div class='line' id='LC220'> <span class="nx">settings</span><span class="p">.</span><span class="nx">callback</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">);</span></div><div class='line' id='LC221'><br/></div><div class='line' id='LC222'> <span class="nx">$els</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC223'> <span class="kd">var</span> <span class="nx">$el</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">);</span></div><div class='line' id='LC224'><br/></div><div class='line' id='LC225'> <span class="kd">var</span> <span class="nx">src</span> <span class="o">=</span> <span class="nx">$el</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'src'</span><span class="p">);</span></div><div class='line' id='LC226'><br/></div><div class='line' id='LC227'> <span class="k">if</span> <span class="p">(</span><span class="nx">src</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC228'> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">$el</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'m1src'</span><span class="p">))</span> <span class="p">{</span></div><div class='line' id='LC229'> <span class="nx">$el</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'m1src'</span><span class="p">,</span> <span class="nx">src</span><span class="p">);</span></div><div class='line' id='LC230'> <span class="p">}</span></div><div class='line' id='LC231'><br/></div><div class='line' id='LC232'> <span class="c1">// check for zero which often happens in safari.</span></div><div class='line' id='LC233'> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">$el</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'width'</span><span class="p">)</span> <span class="o">&&</span> <span class="nx">$el</span><span class="p">.</span><span class="nx">width</span><span class="p">()</span> <span class="o">></span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC234'> <span class="nx">$el</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'width'</span><span class="p">,</span> <span class="nx">$el</span><span class="p">.</span><span class="nx">width</span><span class="p">());</span></div><div class='line' id='LC235'> <span class="p">}</span></div><div class='line' id='LC236'> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">$el</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'height'</span><span class="p">)</span> <span class="o">&&</span> <span class="nx">$el</span><span class="p">.</span><span class="nx">height</span><span class="p">()</span> <span class="o">></span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC237'> <span class="nx">$el</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'height'</span><span class="p">,</span> <span class="nx">$el</span><span class="p">.</span><span class="nx">height</span><span class="p">());</span></div><div class='line' id='LC238'> <span class="p">}</span></div><div class='line' id='LC239'><br/></div><div class='line' id='LC240'> <span class="nx">$el</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'speedTestComplete.hisrc'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC241'><br/></div><div class='line' id='LC242'> <span class="k">if</span> <span class="p">(</span><span class="nx">speedConnectionStatus</span> <span class="o">===</span> <span class="nx">STATUS_COMPLETE</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC243'><br/></div><div class='line' id='LC244'> <span class="k">if</span> <span class="p">(</span><span class="nx">isSlowConnection</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC245'> <span class="nx">$el</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span> <span class="s1">'src'</span><span class="p">,</span> <span class="nx">$el</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'m1src'</span><span class="p">)</span> <span class="p">);</span></div><div class='line' id='LC246'> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span></div><div class='line' id='LC247'><br/></div><div class='line' id='LC248'> <span class="c1">// check if client can get high res image</span></div><div class='line' id='LC249'> <span class="k">if</span> <span class="p">(</span><span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">devicePixelRatio</span> <span class="o">></span> <span class="mi">1</span> <span class="o">&&</span> <span class="nx">$</span><span class="p">.</span><span class="nx">hisrc</span><span class="p">.</span><span class="nx">bandwidth</span> <span class="o">===</span> <span class="s1">'high'</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC250'> <span class="kd">var</span> <span class="nx">image2x</span> <span class="o">=</span> <span class="nx">$el</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'2x'</span><span class="p">);</span></div><div class='line' id='LC251'> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">image2x</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC252'> <span class="c1">// use naming convention.</span></div><div class='line' id='LC253'> <span class="nx">image2x</span> <span class="o">=</span> <span class="nx">$el</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'m1src'</span><span class="p">).</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/\.\w+$/</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">match</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="s2">"@2x"</span> <span class="o">+</span> <span class="nx">match</span><span class="p">;</span> <span class="p">});</span></div><div class='line' id='LC254'> <span class="p">}</span></div><div class='line' id='LC255'> <span class="nx">setImageSource</span><span class="p">(</span> <span class="nx">$el</span><span class="p">,</span> <span class="nx">image2x</span> <span class="p">);</span></div><div class='line' id='LC256'> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span></div><div class='line' id='LC257'> <span class="c1">// don't load 1x unless src is a low res version.</span></div><div class='line' id='LC258'> <span class="k">if</span> <span class="p">(</span><span class="nx">settings</span><span class="p">.</span><span class="nx">srcIsLowResolution</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC259'> <span class="kd">var</span> <span class="nx">image1x</span> <span class="o">=</span> <span class="nx">$el</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'1x'</span><span class="p">);</span></div><div class='line' id='LC260'> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">image1x</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC261'> <span class="c1">// use naming convention.</span></div><div class='line' id='LC262'> <span class="nx">image1x</span> <span class="o">=</span> <span class="nx">$el</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'m1src'</span><span class="p">).</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/\.\w+$/</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">match</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="s2">"@1x"</span> <span class="o">+</span> <span class="nx">match</span><span class="p">;</span> <span class="p">});</span></div><div class='line' id='LC263'> <span class="p">}</span></div><div class='line' id='LC264'> <span class="nx">setImageSource</span><span class="p">(</span> <span class="nx">$el</span><span class="p">,</span> <span class="nx">image1x</span> <span class="p">);</span></div><div class='line' id='LC265'> <span class="p">}</span></div><div class='line' id='LC266'> <span class="p">}</span></div><div class='line' id='LC267'> <span class="p">}</span></div><div class='line' id='LC268'> <span class="c1">// turn off so hisrc() can be called many times on same element.</span></div><div class='line' id='LC269'> <span class="nx">$el</span><span class="p">.</span><span class="nx">off</span><span class="p">(</span><span class="s1">'speedTestComplete.hisrc'</span><span class="p">);</span></div><div class='line' id='LC270'> <span class="p">}</span></div><div class='line' id='LC271'> <span class="p">});</span></div><div class='line' id='LC272'> <span class="p">}</span></div><div class='line' id='LC273'> <span class="p">});</span></div><div class='line' id='LC274'><br/></div><div class='line' id='LC275'> <span class="nx">initSpeedTest</span><span class="p">();</span></div><div class='line' id='LC276'><br/></div><div class='line' id='LC277'> <span class="k">return</span> <span class="nx">$els</span><span class="p">;</span></div><div class='line' id='LC278'> <span class="p">};</span></div><div class='line' id='LC279'><br/></div><div class='line' id='LC280'><span class="p">})(</span><span class="nx">jQuery</span><span class="p">);</span></div><div class='line' id='LC281'><br/></div></pre></div></td>
</tr>
</table>
</div>
</div>
</div>
<a href="#jump-to-line" rel="facebox[.linejump]" data-hotkey="l" class="js-jump-to-line" style="display:none">Jump to Line</a>
<div id="jump-to-line" style="display:none">
<form accept-charset="UTF-8" class="js-jump-to-line-form">
<input class="linejump-input js-jump-to-line-field" type="text" placeholder="Jump to line…" autofocus>
<button type="submit" class="button">Go</button>
</form>
</div>
</div>
</div><!-- /.repo-container -->
<div class="modal-backdrop"></div>
</div><!-- /.container -->
</div><!-- /.site -->
</div><!-- /.wrapper -->
<div class="container">
<div class="site-footer">
<ul class="site-footer-links right">
<li><a href="https://status.github.com/">Status</a></li>
<li><a href="http://developer.github.com">API</a></li>
<li><a href="http://training.github.com">Training</a></li>
<li><a href="http://shop.github.com">Shop</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/about">About</a></li>
</ul>
<a href="/">
<span class="mega-octicon octicon-mark-github" title="GitHub"></span>
</a>
<ul class="site-footer-links">
<li>© 2014 <span title="0.03717s from github-fe127-cp1-prd.iad.github.net">GitHub</span>, Inc.</li>
<li><a href="/site/terms">Terms</a></li>
<li><a href="/site/privacy">Privacy</a></li>
<li><a href="/security">Security</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div><!-- /.site-footer -->
</div><!-- /.container -->
<div class="fullscreen-overlay js-fullscreen-overlay" id="fullscreen_overlay">
<div class="fullscreen-container js-fullscreen-container">
<div class="textarea-wrap">
<textarea name="fullscreen-contents" id="fullscreen-contents" class="js-fullscreen-contents" placeholder="" data-suggester="fullscreen_suggester"></textarea>
</div>
</div>
<div class="fullscreen-sidebar">
<a href="#" class="exit-fullscreen js-exit-fullscreen tooltipped tooltipped-w" aria-label="Exit Zen Mode">
<span class="mega-octicon octicon-screen-normal"></span>
</a>
<a href="#" class="theme-switcher js-theme-switcher tooltipped tooltipped-w"
aria-label="Switch themes">
<span class="octicon octicon-color-mode"></span>
</a>
</div>
</div>
<div id="ajax-error-message" class="flash flash-error">
<span class="octicon octicon-alert"></span>
<a href="#" class="octicon octicon-remove-close close js-ajax-error-dismiss"></a>
Something went wrong with that request. Please try again.
</div>
</body>
</html>