Replace img in div using "In view" plugin

(tosrc to src)

by Roberto Apasajja

HTML

<script src="http://remysharp.com/downloads/jquery.inview.js"></script>
<div id="demo">

	z<br><br><br><br><br><br><br><br>
    z<br><br><br><br><br><br><br><br>
	z<br><br><br><br><br><br><br><br>
    z<br><br><br><br><br><br><br><br>
    zzzz<br>
    <img tosrc="http://lorempixel.com/400/200/">
	<br><br><br><br><br><br><br><br>
	<img tosrc="http://lorempixel.com/400/201/">
	<br><br><br><br><br><br><br><br>
	<img tosrc="http://lorempixel.com/400/199/">
	<br><br><br><br><br><br><br><br>        
    <p class="inviewOne">First inview paragraph</p>
    <br><br><br><br><br><br><br><br>
	<img tosrc="http://lorempixel.com/399/200/">
	<br><br><br><br><br><br><br><br>
	<img tosrc="http://lorempixel.com/399/201/">
	<br><br><br><br><br><br><br><br>
	<img tosrc="http://lorempixel.com/399/199/">

</div>

JavaScript

$(function() {
	$('p.inviewOne').one('inview', function(event, visible) {
		if (visible) {

			$(document).ready(function() {
				var strNewString = $('body').html().replace(/img tosrc/g, 'img src');
				$('body').html(strNewString);
			});

		}
	});
});