jQuery URLive demo on elements with a URL text

See the plugin repo at GitHub: https://github.com/markserbol/urlive ! Github is not a CDN, download the files for your project.

HTML

<script src="http://markserbol.github.io/urlive/jquery.urlive.js"></script>
<link rel="stylesheet" href="http://markserbol.github.io/urlive/jquery.urlive.css">
<section>
    Have you ever loved something so much it hurt? — http://www.theverge.com/2014/1/21/5307992/inside-the-mind-of-a-fanboy
</section>

<div class="urlive-container">
    <span class="loading">Loading...</span>
</div>

CSS

body {
    font-family:'Segoe UI', 'Open Sans', sans-serif;
    max-width:420px;
}

.urlive-container {
    margin-top:15px;
}

.loading {
    display:none;
}

JavaScript

$('section').urlive({
    callbacks:{
        onStart: function(){
            $('.loading').show();
        },
        onLoadEnd: function(){
            $('.loading').hide();
        }
    }
});